Bug 192582

Summary: Blurry text on HiDPI screens with 3d transform
Product: WebKit Reporter: Roland Soos <roland>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, simon.fraser, zalan
Priority: P2    
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.