zoriya/react-native-web
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-web.git synced 2026-06-01 10:07:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

[fix] Add support for browsers that implement scrollbar-width

Browse Source 
Close #1395
This commit is contained in:
Pawel Borkowski
2019-07-09 14:33:55 +02:00
committed by Nicolas Gallagher
parent a7ddd7b9ac
commit ef770d4bd1
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/compile-test.js.snap
+1
View File
@@ -64,6 +64,7 @@ Object {
"rules": Array [ "rules": Array [
".r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}", ".r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}",
".r-scrollbarWidth-2eszeu{overflow:-moz-scrollbars-none;-ms-overflow-style:none}", ".r-scrollbarWidth-2eszeu{overflow:-moz-scrollbars-none;-ms-overflow-style:none}",
".r-scrollbarWidth-2eszeu{scrollbar-width:none;}",
], ],
"value": "none", "value": "none",
}, },
packages/react-native-web/src/exports/StyleSheet/compile.js
Vendored
+3 -1
View File
@@ -148,9 +148,11 @@ function createAtomicRules(identifier: string, property, value): Rules {
// https://drafts.csswg.org/css-scrollbars-1/ // https://drafts.csswg.org/css-scrollbars-1/
case 'scrollbarWidth': { case 'scrollbarWidth': {
if (value === 'none') { if (value === 'none') {
const block = createDeclarationBlock({ [property]: value });
rules.push( rules.push(
`${selector}::-webkit-scrollbar{display:none}`, `${selector}::-webkit-scrollbar{display:none}`,
`${selector}{overflow:-moz-scrollbars-none;-ms-overflow-style:none}` `${selector}{overflow:-moz-scrollbars-none;-ms-overflow-style:none}`,
`${selector}${block}`
); );
} }
break; break;