Where does the bug appear (feature/product)?
Cursor IDE
Describe the Bug
Issue Description:
When opening settings in the browser within Cursor, the “Custom Layout” dropdown menu appears to overlay other UI elements, causing a visual conflict.
Observed Behaviour:
The “Custom Layout” dropdown is open on the right side.
It overlays dark-themed content behind it, including:
Two buttons (“Clear” and “4 images”)
A robot image preview
Other UI elements (cursor and terminal icons)
The menu shows toggleable components:
Agents (⌘S) — On
Chat (⌘B) — On
Editors (⌘E) — On
Panel (⌘J) — On
Sidebar (⌘B) — On
Layout settings include:
Sidebar Position: Left
Diffs: On
Expected Behaviour:
The settings menu should not overlap content.
Content behind the menu should be dimmed/blocked or the menu should appear in a non-overlapping area.
The menu should be properly positioned relative to the viewport.
Potential Issues:
Missing z-index or backdrop/overlay
Incorrect positioning logic
Menu rendering outside its intended container
Steps to Reproduce:
Open browser in Cursor
Open settings
Observe the “Custom Layout” menu overlapping content
Steps to Reproduce
Steps to Reproduce:
Open browser in Cursor
Open settings
Observe the “Custom Layout” menu overlapping content
Screenshots / Screen Recordings
Operating System
MacOS
Current Cursor Version (Menu → About Cursor → Copy)
Version: 2.1.46
VSCode Version: 1.105.1
Commit: ab326d0767c02fb9847b342c43ea58275c4b1680
Date: 2025-12-02T03:59:29.283Z
Electron: 37.7.0
Chromium: 138.0.7204.251
Node.js: 22.20.0
V8: 13.8.258.32-electron.0
OS: Darwin arm64 25.1.0
Does this stop you from using Cursor
No - Cursor works, but with this issue