Skip to content

Commit 5ebb119

Browse files
committed
fix: Ensure controls panel and buttons are properly visible
Add explicit positioning and z-index to controls panel and buttons to ensure they render correctly and are clickable in all browsers, especially during E2E testing. - Add z-index: 10 to controls-panel - Add pointer-events: auto to buttons - Add relative positioning to ensure layering works correctly
1 parent ae7f5d6 commit 5ebb119

1 file changed

Lines changed: 5 additions & 0 deletions

File tree

examples/webgpu-cube/index.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,8 @@
9696
background: rgba(255, 255, 255, 0.03);
9797
border-radius: 12px;
9898
border: 1px solid rgba(255, 255, 255, 0.1);
99+
position: relative;
100+
z-index: 10;
99101
}
100102

101103
/* Arrow Buttons Layout */
@@ -128,6 +130,9 @@
128130
align-items: center;
129131
justify-content: center;
130132
user-select: none;
133+
pointer-events: auto;
134+
position: relative;
135+
z-index: 1;
131136
}
132137

133138
.control-button:hover {

0 commit comments

Comments
 (0)