Merge pull request #984 from sagalbot/fix-chrome-search-input-css

Fix Chrome search-cancel-button
sagalbot · Nov 8, 2019 · 1a5ba31 · 1a5ba31
2 parents 38f291a + 941f618
commit 1a5ba31
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/scss/modules/_search-input.scss b/src/scss/modules/_search-input.scss
@@ -3,8 +3,16 @@
 $line-height: $vs-component-line-height;
 $font-size: 1em;
 
+/**
+ * Super weird bug... If this declaration is grouped
+ * below, the cancel button will still appear in chrome.
+ * If it's up here on it's own, it'll hide it.
+ */
+.vs__search::-webkit-search-cancel-button {
+  display: none;
+}
+
 .vs__search::-webkit-search-decoration,
-.vs__search::-webkit-search-cancel-button,
 .vs__search::-webkit-search-results-button,
 .vs__search::-webkit-search-results-decoration,
 .vs__search::-ms-clear {