feat(devtools): set z-index to avoid be covered (#5083)

web-infra-dev · Dec 13, 2023 · 859fca0 · 859fca0
1 parent d9fe6e6
commit 859fca0
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/.changeset/red-stingrays-drive.md b/.changeset/red-stingrays-drive.md
@@ -0,0 +1,6 @@
+---
+'@modern-js/devtools-client': patch
+---
+
+feat(devtools): set z-index to avoid be covered
+feat(devtools): 设置 z-index 以避免被覆盖
diff --git a/packages/devtools/client/src/entries/mount/index.module.scss b/packages/devtools/client/src/entries/mount/index.module.scss
@@ -0,0 +1,4 @@
+.container {
+  position: relative;
+  z-index: 9999;
+}
diff --git a/packages/devtools/client/src/entries/mount/index.tsx b/packages/devtools/client/src/entries/mount/index.tsx
@@ -3,10 +3,15 @@ import { parseQuery } from 'ufo';
 import _ from 'lodash';
 import { SetupClientParams } from '@modern-js/devtools-kit';
 import { waitClientConnection } from './rpc';
+import styles from './index.module.scss';
 import { DevtoolsActionButton } from '@/components/Devtools/Action';
 
 // @ts-expect-error
-const { container, resourceQuery } = window._modern_js_devtools_app;
+const { container, resourceQuery } = window._modern_js_devtools_app as {
+  container: HTMLDivElement;
+  resourceQuery: string;
+};
+container.classList.add(styles.container);
 const root = createRoot(container);
 const parsed = parseQuery(resourceQuery);
 if (