Bug 192582

Summary:

Blurry text on HiDPI screens with 3d transform

Product:

WebKit

Reporter:

Roland Soos <roland>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

bfulgham, simon.fraser, zalan

Priority:

Version:

Safari 12

Hardware:

Mac

OS:

macOS 10.14

See Also:

https://bugs.webkit.org/show_bug.cgi?id=169457

Attachments:

Description	Flags
Safari 12 HiDPI screenshot	none

Description Roland Soos 2018-12-10 23:45:20 PST

Created attachment 357040 [details]
Safari 12 HiDPI screenshot

https://jsfiddle.net/y9k64ush/1/

The both text on the previous example looks fine on iPhones, iPads,normal DPI Safari, Chrome and Firefox. The problem is that the top text is blurry on HiDPI Safari (retina iMac for example)

To reproduce the issue on normal DPI screen:
Terminal:
sudo defaults write /Library/Preferences/com.apple.windowserver.plist DisplayResolutionEnabled -bool true
Then System Preferences -> Display and choose the HiDPI at half resolution: https://cdn1.tekrevue.com/wp-content/uploads/2015/08/hidpi-mode-system-preferences.png

Comment 1 Simon Fraser (smfr) 2018-12-11 10:37:28 PST

I think this is a quirk of Core Animation; we've fixed this for iOS in bug 169457, but I think we need the same fix for macOS.

Comment 2 Brent Fulgham 2022-06-30 16:45:23 PDT

I believe this has since been fixed on macOS. It works properly on the macOS Ventura Beta, and possibly older releases.