Skip to content

Commit 4c78d19

Browse files
0xrinegadeclaude
andcommitted
fix(docs): resolve search modal z-index and click issues
Fixed two critical search issues: 1. Search modal appearing at footer - Increased z-index from 1000 to 10000 - Body scanlines overlay was at z-index 1000, covering modal - Search container now at z-index 10001 2. Search results not clickable - Added z-index layering: backdrop (10000) < container (10001) < results (10002) < items (10003) - Ensures proper stacking order for click events - Search result items now properly receive pointer events Changes: - .search-modal: z-index 1000 → 10000 - .search-container: added z-index 10001 - .search-backdrop: added z-index 10000 - .search-results: added z-index 10002 - .search-result-item: added z-index 10003 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent 272e349 commit 4c78d19

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

docs/css/multipage.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -215,7 +215,7 @@
215215
display: flex;
216216
align-items: flex-start;
217217
justify-content: center;
218-
z-index: 1000;
218+
z-index: 10000;
219219
padding-top: 10vh;
220220
opacity: 0;
221221
transition: opacity 0.2s ease;
@@ -232,6 +232,7 @@
232232
width: 100%;
233233
height: 100%;
234234
cursor: pointer;
235+
z-index: 10000;
235236
}
236237

237238
.search-container {
@@ -244,6 +245,7 @@
244245
display: flex;
245246
flex-direction: column;
246247
position: relative;
248+
z-index: 10001;
247249
transform: translateY(-20px);
248250
transition: transform 0.2s ease;
249251
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
@@ -301,6 +303,8 @@
301303
overflow-y: auto;
302304
min-height: 200px;
303305
max-height: 400px;
306+
position: relative;
307+
z-index: 10002;
304308
}
305309

306310
.search-empty {
@@ -339,6 +343,8 @@
339343
border-bottom: 1px solid var(--gray);
340344
cursor: pointer;
341345
transition: all var(--transition-fast);
346+
position: relative;
347+
z-index: 10003;
342348
}
343349

344350
.search-result-item:hover,

0 commit comments

Comments
 (0)