mirror/cypress
1
0
Fork 0
mirror of https://github.com/cypress-io/cypress.git synced 2026-05-13 02:40:22 -05:00
Code Issues Packages Projects Releases Wiki Activity

internal: use max z index for assertions menu overlay (#32130)

Browse Source 
* internal: use max z-index for assertions menu overlay

* update test html for high z-index
This commit is contained in:
mabela416
2025-07-30 14:26:51 -04:00
committed by GitHub
parent d35fc2074a
commit 641d6aabe3
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/runner/dom.ts
+1 -1
View File
@@ -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
})
}
system-tests/projects/experimental-studio/cypress/e2e/highZIndexModal.html
+3 -3
View File
@@ -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 @@
<button class="modal-close" onclick="closeModal()">&times;</button>
<div class="modal-title">Large Modal with High Z-Index</div>
<div class="modal-body">
<p>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.</p>
<p>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.</p>
<p>Key features of this modal:</p>
<ul>
<li>Z-index: 2000 (very high priority)</li>
<li>Z-index: 2147483647 (highest priority)</li>
<li>Full viewport coverage</li>
<li>Semi-transparent background overlay</li>
<li>Centered content with responsive design</li>