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 {