Design Mode: inaccurate rectangle of mouse hover over elements

Support Bug Reports
,
1

Where does the bug appear (feature/product)?

Cursor IDE

Describe the Bug

Agents Window - Design Mode: inaccurate rectangle of mouse hover over elements when UI Font Size is not at default value.

Steps to Reproduce

Agents Window - Settings - Appearance - Increase UI Font Size. Then open Browser - Design Mode hover over elements = not accurate tracing.

The further you are from top left corner of screen the more drastic displacement of mouse cursor vs selection.

Expected Behavior

The rectangle selection should be where mouse is hovering, not to the down right of it.

Screenshots / Screen Recordings

ui-font-size.png
ui-font-size.png592×489 20.3 KB

Operating System

Windows 10/11

Version Information

Cursor 3.0.9

Does this stop you from using Cursor

No - Cursor works, but with this issue

Work around shown in the video.

5

Hey, thanks for the report. The bug is confirmed. Design Mode doesn’t account for the zoom factor that gets applied when you change UI Font Size. Because of that, the hover rectangle coordinates are calculated incorrectly, and the offset grows the farther you are from the top-left corner.

I’ve passed this to the team. As a workaround for now, set UI Font Size back to the default value before using Design Mode.

Let me know if you run into any other issues.

8

Yeah exactly. And to reproduce this bug, you might have to refresh the page. (If you change UI Font Size after you already are in Design Mode you might not see this bug.)

9

I can also confirm, that i’m having this issue as well.

10

Hey @tson, thanks for confirming. The issue has already been reported internally, but there’s no ETA for a fix yet. As a temporary workaround, set UI Font Size back to the default value before using Design Mode. I’ll post an update in the thread once we have one.