"Mention" panel text is blurry in mixed-DPI situations

[henrebotha]

Bug description

"Mention" panel (opened by typing @ in Cascade chat) text is blurry in mixed-DPI situations.

Steps to reproduce

In chat, type @.

Expected behaviour

The text in the popup list renders crisply.

Observed behaviour

The text in the popup list is very blurry. Compare "MCP Servers" in the list with "MCP Servers" at the bottom of the screenshot.

Additional details

The bug only occurs when Windsurf is on my external monitor. It does not occur if I move Windsurf over to my laptop's screen. I feel fairly certain that the bug relates directly to mixed DPI.

I saw that the popup list in question has two --tw-translate-* styles applied to it (namely --tw-translate-x: -1px; and --tw-translate-y: -100%), and each of them is (in addition to its intended purpose) applying some blurring to the popup list. Toggling both off in dev tools results in the text being perfectly crisp.

System

Displays

I have my MacBook Pro with Retina display connected to an old 1080p HDMI monitor. The external monitor is set as primary display.

About Windsurf

Windsurf Version: 1.11.5
Windsurf Extension Version: 1.48.2
Windsurf Commit: f8b63909dde4ac913fee41e867b511a598b3b517
VSCode OSS Version: 1.99.3
Commit: f8b63909dde4ac913fee41e867b511a598b3b517
Date: 2025-08-07T17:53:24.476Z (1 wk ago)
Electron: 34.4.0
ElectronBuildId: undefined
Chromium: 132.0.6834.210
Node.js: 20.18.3
V8: 13.2.152.41-electron.0
OS: Darwin arm64 24.5.0