Skip to content

[lexical-playground] Fix: Increase toolbar z-index to prevent content overlap#8134

Merged
etrepum merged 1 commit intofacebook:mainfrom
Sa-Te:fix/comment-highlight-z-index
Feb 12, 2026
Merged

[lexical-playground] Fix: Increase toolbar z-index to prevent content overlap#8134
etrepum merged 1 commit intofacebook:mainfrom
Sa-Te:fix/comment-highlight-z-index

Conversation

@Sa-Te
Copy link
Copy Markdown
Contributor

@Sa-Te Sa-Te commented Feb 11, 2026

Summary
This PR fixes a visual regression where the comment highlight overlay (yellow background) would render on top of the sticky toolbar when scrolling.

The Issue
The .toolbar class had a z-index of 2. The sticky note container and other overlay elements have higher stacking contexts (e.g., 9), causing them to bleed through the toolbar during scroll.

The Fix

  • Increased .toolbar z-index from 2 to 20.
  • This ensures the toolbar sits above content layers (text, highlights, sticky notes) but remains below application-level overlays (modals, dropdowns, etc.).

Test Plan

  • Verified locally in Playground.
  • Added long text, highlighted a section, opened the comment panel, and scrolled.
  • Confirmed highlight now correctly scrolls under the toolbar.

@vercel
Copy link
Copy Markdown

vercel bot commented Feb 11, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
lexical Ready Ready Preview, Comment Feb 11, 2026 3:49pm
lexical-playground Ready Ready Preview, Comment Feb 11, 2026 3:49pm

Request Review

@meta-cla meta-cla bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Feb 11, 2026
@etrepum etrepum added the extended-tests Run extended e2e tests on a PR label Feb 11, 2026
@etrepum etrepum added this pull request to the merge queue Feb 12, 2026
Merged via the queue into facebook:main with commit b71d796 Feb 12, 2026
43 checks passed
@etrepum etrepum mentioned this pull request Feb 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. extended-tests Run extended e2e tests on a PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants