New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Safari macOS : Popup is blurred on non HiDPI Screen #363
Comments
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 no, it happens all the time on non-HiDPI screen with Safari. 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. |
does it still happen? i tuned css a bit in the last month
frontend will be (eventually) rewritten in svelte, so yeah, not really |
i'll keep it around just in case the issue sticks |
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:
screenshots
With
transform: translate(-50%,-50%);
:With
transform: translate(-50%,-50%);
in .popup.visible andtransform: 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.
The text was updated successfully, but these errors were encountered: