Bug 192582 - Blurry text on HiDPI screens with 3d transform
Summary: Blurry text on HiDPI screens with 3d transform
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 12
Hardware: Macintosh macOS 10.14
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-12-10 23:45 PST by Roland Soos
Modified: 2018-12-11 10:37 PST (History)
3 users (show)

See Also:


Attachments
Safari 12 HiDPI screenshot (36.75 KB, image/png)
2018-12-10 23:45 PST, Roland Soos
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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.