From 941f6187b96a1da6ff1e22521003199a11b8d2c1 Mon Sep 17 00:00:00 2001
From: Jeff <sagalbot@gmail.com>
Date: Fri, 8 Nov 2019 11:23:43 -0800
Subject: [PATCH] Closes #886

---
 src/scss/modules/_search-input.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/scss/modules/_search-input.scss b/src/scss/modules/_search-input.scss
index 252b858..8616b49 100644
--- 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 {