mirrors/vue-select
2
0
Fork 0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-22 10:30:34 +03:00
Code Activity

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

Browse Source 
Fix Chrome search-cancel-button
This commit is contained in:
Jeff Sagal
2019-11-08 11:31:22 -08:00
committed by GitHub
parent 38f291ab99 941f6187b9
commit 1a5ba31c68
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/modules/_search-input.scss
+9 -1
View File
@@ -3,8 +3,16 @@
$line-height: $vs-component-line-height; $line-height: $vs-component-line-height;
$font-size: 1em; $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-decoration,
.vs__search::-webkit-search-cancel-button,
.vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration, .vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear { .vs__search::-ms-clear {