Merge pull request #140 from KrivonosPaul/remove-x-from-SearchInput-IE

fix(SearchInput): fixed typo in pseudo-element for IE
ticketmaster · Sep 17, 2018 · 8e2f1d7 · 8e2f1d7
2 parents dd1a326 + 3ab7633
commit 8e2f1d7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Input/Search.js b/src/components/Input/Search.js
@@ -35,7 +35,7 @@ const Input = styled.input.attrs({
   &::placeholder {
     color: ${props => (props.invert ? "#26262699" : colors.white.base)};
   }
-  &::ms-clear {
+  &::-ms-clear {
     display: none;
   }
   &::-webkit-search-cancel-button {

diff --git a/src/components/Input/__tests__/__snapshots__/Search.spec.js.snap b/src/components/Input/__tests__/__snapshots__/Search.spec.js.snap
@@ -49,7 +49,7 @@ exports[`SearchInput renders default input 1`] = `
   color: rgba(255,255,255,1);
 }
 
-.c2::ms-clear {
+.c2::-ms-clear {
   display: none;
 }
 
@@ -167,7 +167,7 @@ exports[`SearchInput renders inverted input 1`] = `
   color: #26262699;
 }
 
-.c2::ms-clear {
+.c2::-ms-clear {
   display: none;
 }
 
@@ -285,7 +285,7 @@ exports[`SearchInput renders slim & inverted input 1`] = `
   color: #26262699;
 }
 
-.c2::ms-clear {
+.c2::-ms-clear {
   display: none;
 }
 
@@ -403,7 +403,7 @@ exports[`SearchInput renders slim input 1`] = `
   color: rgba(255,255,255,1);
 }
 
-.c2::ms-clear {
+.c2::-ms-clear {
   display: none;
 }