Skip to content

Modern UI: Fix background glitch at connected tab overflow edge - #336873

Open
na2co3 (na2co3-ftw) wants to merge 1 commit into
microsoft:mainfrom
na2co3-ftw:fix/modern-ui-connected-overflow
Open

na2co3 (na2co3-ftw) wants to merge 1 commit into
microsoft:mainfrom
na2co3-ftw:fix/modern-ui-connected-overflow

Conversation

@na2co3-ftw

Copy link
Copy Markdown
Contributor

Summary

Fix a background glitch at the right overflow edge of connected editor tabs in Modern UI.

The overflow cap now extends behind the shoulder instead of stopping at the shoulder radius. This prevents the tab strip background from showing through at the bottom edge.

Screenshots

Before:
スクリーンショット 2026-09-19 122213

After:
スクリーンショット 2026-09-19 122229

For visibility, editorGroupHeader.tabsBackground was set to red.

Copilot AI balanced review requested due to automatic review settings September 19, 2026 04:04

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟢 Approval recommended

The focused CSS fix is consistent with the intended geometry and has targeted regression coverage.

Review effort: Balanced
Findings: None

What changed in this PR

Fixes a background leak at the right overflow edge of connected editor tabs.

Changes:

  • Extends the overflow cap behind the shoulder.
  • Updates regression assertions for the new geometry.
File Description
connectedEditorTabs.css Extends the overflow cap to the bottom edge.
multiEditorTabsControl.test.ts Verifies the cap reaches the bottom across HC themes and widths.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants