[WIKI-735] fix: table insert handle z-index

[aaryan610]

Description

This PR updates the z-index of table insert handles to ensure they don't overlap with the floating toolbar.

Type of Change

• Bug fix (non-breaking change which fixes an issue)

Summary by CodeRabbit

• Style
  • Adjusted the stacking order of table insertion controls to refine layering behavior.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

A z-index value for table insertion controls (column and row insert buttons) was reduced from 10 to 9 in the table styles CSS file, modifying the stacking order of these UI elements.

Changes

Cohort / File(s)	Summary
Table styling packages/editor/src/styles/table.css	Reduced z-index from 10 to 9 for .table-column-insert-button and .table-row-insert-button within .table-wrapper, adjusting stacking order

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 A layer so fine, now one step down,
Table buttons shuffle through z-index town,
Nine instead of ten, a tiny shift,
Stacking order tweaks—a modest gift!

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: fixing table insert handle z-index issues to prevent overlap with the floating toolbar.
Description check	✅ Passed	The description provides the essential information (what was changed and why) but omits several recommended template sections like screenshots, test scenarios, and references.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between fa1b4a1 and 293b6d0.

📒 Files selected for processing (1)

• packages/editor/src/styles/table.css

🧰 Additional context used

📓 Path-based instructions (1)

**/*.{js,jsx,ts,tsx,json,css}

📄 CodeRabbit inference engine (AGENTS.md)

Use Prettier with Tailwind plugin for code formatting, run pnpm fix:format

Files:

• packages/editor/src/styles/table.css

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (3)

• GitHub Check: Agent
• GitHub Check: Build packages
• GitHub Check: Analyze (javascript)

🔇 Additional comments (1)

packages/editor/src/styles/table.css (1)

163-163: LGTM! Z-index adjustment is correct.

The reduction from z-index: 10 to z-index: 9 maintains proper layering: insert buttons stay above the column resize handle (z-index: 5) while moving below the drop/drag markers (z-index: 10) and the floating toolbar (zIndex: 100), which resolves the overlapping issue as intended.

_{✏️ Tip: You can disable this entire section by setting review_details to false in your review settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[makeplane]

Linked to Plane Work Item(s)

• [WIKI-735] Table insert handlers overlapping with other floaters

This comment was auto-generated by Plane

[Copilot]

Pull request overview

This PR fixes a z-index layering issue where table insert handles were overlapping with the floating toolbar (BubbleMenu).

Changes:

• Reduced the z-index of table insert buttons from 10 to 9

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.