Modern UI: fix frosted glass menu background corners by na2co3-ftw · Pull Request #339456 · microsoft/vscode · GitHub
Skip to content

Modern UI: fix frosted glass menu background corners - #339456

Merged
Lee Murray (mrleemurray) merged 2 commits into
microsoft:mainfrom
na2co3-ftw:fix/frosted-glass-menu-corner
Oct 12, 2026
Merged

Lee Murray (mrleemurray) merged 2 commits into
microsoft:mainfrom
na2co3-ftw:fix/frosted-glass-menu-corner

Conversation

@na2co3-ftw

Copy link
Copy Markdown
Contributor

Description

When Modern UI and frosted glass are enabled, the menu background appears square while the menu outline is rounded.
This change rounds the frosted-glass background to match the menu's outer corners.

Screenshots

For visibility, menu.background was set to red.

Frosted glass disabled:
スクリーンショット 2026-10-03 150640

Frosted glass enabled — before:
スクリーンショット 2026-10-03 150816

Frosted glass enabled — after:
スクリーンショット 2026-10-03 150851

Copilot AI balanced review requested due to automatic review settings October 3, 2026 07:02

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

🟡 Changes recommended

The affected non-context-view menubar path lacks automated regression coverage.

Review effort: Balanced
Findings: 1 Low severity

Open (1)
What changed in this PR

Rounds frosted-glass menu backgrounds consistently with their outer menu surfaces.

Changes:

  • Applies the Outer radius token to every menu container.
  • Preserves context-menu clipping while supporting menubar menus.
File Description
src/​vs/​base/​browser/​ui/​menu/​menu.ts Broadens menu-container corner rounding.

💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/vs/base/browser/ui/menu/menu.ts

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 change resolves the corner mismatch and is covered by an appropriate regression test.

Review effort: Balanced
Findings: 1 Low severity

Open (1)

@na2co3-ftw

Copy link
Copy Markdown
Contributor Author

@connor4312 Connor Peet (connor4312) left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Reviewed for security and correctness. No actionable P1 or P2 findings. The shared menu-container radius matches the existing menu outline and is inherited by the frosted-glass paint layer; the regression test covers the menubar holder. Static inspection only; no checkout modifications or test execution.

Written by Connor's agent running GPT-6.1 Sol

@mrleemurray
Lee Murray (mrleemurray) merged commit ac0e053 into microsoft:main Oct 12, 2026
35 checks passed
@vs-code-engineering vs-code-engineering Bot added this to the 1.143.0 milestone Oct 12, 2026
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.

6 participants