[devtools] overlay backdrop visibility hidden when not fullscreen

devjiwonchoi · devjiwonchoi · commit 8c4227401751 · 2025-06-24T18:18:51.000+02:00
diff --git a/packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel.tsx b/packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel.tsx
@@ -228,10 +228,12 @@ export const DEVTOOLS_PANEL_STYLES = css`
 
   [data-nextjs-devtools-panel-overlay-backdrop] {
     opacity: 0;
+    visibility: hidden;
   }
 
   [data-nextjs-devtools-panel-overlay-backdrop='true'] {
     opacity: 1;
+    visibility: visible;
   }
 
   [data-nextjs-devtools-panel-draggable] {

Original file line number	Diff line number	Diff line change
@@ -228,10 +228,12 @@ export const DEVTOOLS_PANEL_STYLES = css`
`228`	`228`
`229`	`229`	`[data-nextjs-devtools-panel-overlay-backdrop] {`
`230`	`230`	`opacity: 0;`
	`231`	`+ visibility: hidden;`
`231`	`232`	`}`
`232`	`233`
`233`	`234`	`[data-nextjs-devtools-panel-overlay-backdrop='true'] {`
`234`	`235`	`opacity: 1;`
	`236`	`+ visibility: visible;`
`235`	`237`	`}`
`236`	`238`
`237`	`239`	`[data-nextjs-devtools-panel-draggable] {`