Safari macOS : Popup is blurred on non HiDPI Screen

[Write]

bug description

Any .popup windows appear blurred on Safari, caused by transform: translate(-50%,-50%); in .popup.visible css declaration. This does not happen on firefox

reproduction steps steps to reproduce the behavior:

1. click on any links at the bottom that popup a windows
2. text is blurred

screenshots

With transform: translate(-50%,-50%); :

With transform: translate(-50%,-50%); in .popup.visible and transform: translate(-50%,-48%)scale(.95); in .popup unticked in dev tools :

It still show as slightly blurred though.

On Firefox (same platform), the result is prefect :

platform

• OS : macOS

• browser Safari / This does not happen on firefox

• version : Version 17.3.1 (19617.2.4.11.12) / Sonoma 14.3.1

Note : This issue seems to only affect external-no HiDPI screen on macOS. While Firefox handles it fine. I directly checked cobalt on my MBP Native screen and it renders sharply. Not sure if there's a workaround.

[wukko]

does this happen only when switching windows between HiDPI screen and laptop screen?

[Write]

does this happen only when switching windows between HiDPI screen and laptop screen?

I never switch between the two because my mbp is always in clamshell mode. So assume all my screen are not in HiDPI mode and there's no switch.

So no, it happens all the time on non-HiDPI screen with Safari. On Firefox, like said before, works fine.

Anyway that's such a small issue… Not sure it's worth the time debugging it.

I'm still kinda surprised I couldn't find a css rule that make its render sharply on Safari, I haven't dug in too much though.

[wukko]

does it still happen? i tuned css a bit in the last month

Not sure it's worth the time debugging it

frontend will be (eventually) rewritten in svelte, so yeah, not really

[Write]

does it still happen? i tuned css a bit in the last month

Not sure it's worth the time debugging it

frontend will be (eventually) rewritten in svelte, so yeah, not really

Oh yeah, popup only, everything else is crystal clear. I have watchtower so I'm using the latest build

Rest of the UI crystal clear 👍

frontend will be (eventually) rewritten in svelte, so yeah, not really

Well feel free to close the issue, honestly.

[wukko]

feel free to close the issue

i'll keep it around just in case the issue sticks