Skip to content

Commit 22f3d14

Browse files
committed
[fix] Remove CSS reset for number spin buttons
The TextInput element no longer uses the 'number' input type, so this reset is no longer necessary. Furthermore, the reset potentially impacts non-framework components. Fix #1949
1 parent 6de6195 commit 22f3d14

File tree

2 files changed

+3
-4
lines changed

2 files changed

+3
-4
lines changed

packages/react-native-web/src/exports/AppRegistry/__tests__/__snapshots__/index-test.js.snap

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ exports[`AppRegistry getApplication "getStyleElement" produces styles that are a
55
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
66
body{margin:0;}
77
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
8-
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
8+
input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
99
[stylesheet-group=\\"0.1\\"]{}
1010
:focus:not([data-focusvisible-polyfill]){outline: none;}
1111
[stylesheet-group=\\"1\\"]{}
@@ -30,7 +30,7 @@ exports[`AppRegistry getApplication returns "element" and "getStyleElement" 2`]
3030
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
3131
body{margin:0;}
3232
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
33-
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
33+
input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
3434
[stylesheet-group=\\"0.1\\"]{}
3535
:focus:not([data-focusvisible-polyfill]){outline: none;}</style>"
3636
`;

packages/react-native-web/src/exports/StyleSheet/initialRules.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,7 @@ const resets = [
1313
'body{margin:0;}',
1414
// minimal form pseudo-element reset
1515
'button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}',
16-
('input::-webkit-inner-spin-button,input::-webkit-outer-spin-button,' +
17-
'input::-webkit-search-cancel-button,input::-webkit-search-decoration,' +
16+
('input::-webkit-search-cancel-button,input::-webkit-search-decoration,' +
1817
'input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}': string)
1918
];
2019

0 commit comments

Comments
 (0)