From 641d6aabe3781097998eb8772e14dbeaef23453b Mon Sep 17 00:00:00 2001 From: mabela416 Date: Wed, 30 Jul 2025 14:26:51 -0400 Subject: [PATCH] internal: use max z index for assertions menu overlay (#32130) * internal: use max z-index for assertions menu overlay * update test html for high z-index --- packages/app/src/runner/dom.ts | 2 +- .../experimental-studio/cypress/e2e/highZIndexModal.html | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/app/src/runner/dom.ts b/packages/app/src/runner/dom.ts index 83fb06b25e..57249bd492 100644 --- a/packages/app/src/runner/dom.ts +++ b/packages/app/src/runner/dom.ts @@ -52,7 +52,7 @@ export function getOrCreateHelperDom ({ body, className, css, studioActive = fal left: '0', width: '100%', height: '100%', - zIndex: '9999', + zIndex: '2147483647', // use the max z-index value to ensure the shadow dom is on top of all other elements }) } diff --git a/system-tests/projects/experimental-studio/cypress/e2e/highZIndexModal.html b/system-tests/projects/experimental-studio/cypress/e2e/highZIndexModal.html index ca4b9169ee..a39dbcb9a7 100644 --- a/system-tests/projects/experimental-studio/cypress/e2e/highZIndexModal.html +++ b/system-tests/projects/experimental-studio/cypress/e2e/highZIndexModal.html @@ -9,7 +9,7 @@ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); - z-index: 2000; + z-index: 2147483647; display: flex; justify-content: center; align-items: center; @@ -81,10 +81,10 @@
Large Modal with High Z-Index
-

This is a large modal that demonstrates a z-index of 2000. The modal covers the entire viewport and is positioned above all other elements on the page.

+

This is a large modal that demonstrates a z-index of 2147483647. The modal covers the entire viewport and is positioned above all other elements on the page.

Key features of this modal: