Skip to content

Commit 00f279e

Browse files
author
Codebuff Contributor
committed
fix: increase z-index so toolboxes render above adjacent blocks
The .tc-wrap had z-index: 0 which created a stacking context that trapped toolbox popovers behind adjacent Editor.js blocks. Increased .tc-wrap z-index to 10 and .tc-toolbox z-index to 15 so the row/column deletion popovers always appear in front of other content. Fixes #186
1 parent 0eff082 commit 00f279e

2 files changed

Lines changed: 3 additions & 2 deletions

File tree

src/styles/table.pcss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,8 @@
1919
display: grid;
2020
grid-template-columns: calc(100% - var(--cell-size)) var(--cell-size);
2121
/* Bug-fix: https://github.com/editor-js/table/issues/175 */
22-
z-index: 0;
22+
/* Increased from 0 to 10 so toolboxes/popovers render above adjacent blocks */
23+
z-index: 10;
2324

2425
&--readonly {
2526
grid-template-columns: 100% var(--cell-size);

src/styles/toolboxes.pcss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88
position: absolute;
99
cursor: pointer;
10-
z-index: 1;
10+
z-index: 15;
1111
opacity: 0;
1212
transition: opacity 0.1s;
1313

0 commit comments

Comments
 (0)