fix(hippy-react-web): fix borwser does not support addRule

Tencent · Jul 25, 2022 · 1b30755 · 1b30755
1 parent 6fc5871
commit 1b30755
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/hippy-react-web/src/adapters/hide-scrollbar.ts b/packages/hippy-react-web/src/adapters/hide-scrollbar.ts
@@ -27,8 +27,8 @@ export const shouldHideScrollBar = (isShowScrollBar: boolean) => {
   if (canUseDOM) {
     if (!isShowScrollBar && !window[hideScrollbarKey]) {
       window[hideScrollbarKey] = true;
-      document.styleSheets[0].addRule(`.${HIDE_SCROLLBAR_CLASS}::-webkit-scrollbar`, 'display: none');
-      document.styleSheets[0].addRule(`.${HIDE_SCROLLBAR_CLASS}`, '-ms-overflow-style: none; scrollbar-width: none;');
+      document.styleSheets[0].insertRule(`.${HIDE_SCROLLBAR_CLASS}::-webkit-scrollbar { display: none }`, 0);
+      document.styleSheets[0].insertRule(`.${HIDE_SCROLLBAR_CLASS} { -ms-overflow-style: none; scrollbar-width: none; }`, 1);
     }
   }
 };
diff --git a/packages/hippy-react-web/src/global.ts b/packages/hippy-react-web/src/global.ts
@@ -24,6 +24,7 @@ import { warn } from './utils';
 global.Hippy = {
   // @ts-ignore
   Device,
+  on: () => {},
 };
 global.getTurboModule = () => {
   warn('getTurboModule is unsupported');