From 00f279ecf9ddbba7eb633bd5c8ca33ea3c6daed5 Mon Sep 17 00:00:00 2001
From: Codebuff Contributor <contributor@codebuff.com>
Date: Tue, 19 May 2026 18:18:24 +0600
Subject: [PATCH] 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
---
 src/styles/table.pcss     | 3 ++-
 src/styles/toolboxes.pcss | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/styles/table.pcss b/src/styles/table.pcss
index ac4ad631..5768ebb8 100644
--- a/src/styles/table.pcss
+++ b/src/styles/table.pcss
@@ -19,7 +19,8 @@
   display: grid;
   grid-template-columns: calc(100% - var(--cell-size)) var(--cell-size);
   /* Bug-fix: https://github.com/editor-js/table/issues/175 */
-  z-index: 0;
+  /* Increased from 0 to 10 so toolboxes/popovers render above adjacent blocks */
+  z-index: 10;
 
   &--readonly {
     grid-template-columns: 100% var(--cell-size);
diff --git a/src/styles/toolboxes.pcss b/src/styles/toolboxes.pcss
index 038bab3b..7cebed92 100644
--- a/src/styles/toolboxes.pcss
+++ b/src/styles/toolboxes.pcss
@@ -7,7 +7,7 @@
 
   position: absolute;
   cursor: pointer;
-  z-index: 1;
+  z-index: 15;
   opacity: 0;
   transition: opacity 0.1s;