Bug 272351

Summary: [iOS] CSS zoom doesn't zoom font-size in wide divs.
Product: WebKit Reporter: Michael Lehenabuer <mikelehen>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, fantasai.bugs, karlcow, mikelehen, simon.fraser, vitor.roriz, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: iPhone / iPad   
OS: iOS 17   
URL: https://mikelehen.github.io/public-web/tmp/safari-zoom-2.html
See Also: https://bugs.webkit.org/show_bug.cgi?id=272339
Attachments:
Description Flags
Test case HTML
none
Screenshot of issue none

Michael Lehenabuer
Reported 2024-04-08 14:08:55 PDT
Created attachment 470821 [details] Test case HTML See attached test case or live URL: https://mikelehen.github.io/public-web/tmp/safari-zoom-2.html When there's a CSS zoom applied to a wide div (or table, etc.), the font-size is not getting zoomed but other properties like line-height are, resulting in non-zoomed, overlapping text. See repro and screenshot. Notes: 1. Works correctly in Desktop Safari and Chrome. 2. Per comment in test case, setting `-webkit-text-size-adjust: none;` fixes this case but causes other zoom issues. See https://bugs.webkit.org/show_bug.cgi?id=272339
Attachments
Test case HTML (1.17 KB, text/html)
2024-04-08 14:08 PDT, Michael Lehenabuer 		no flags
Details
Screenshot of issue (179.27 KB, image/png)
2024-04-08 14:10 PDT, Michael Lehenabuer 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Michael Lehenabuer
Comment 1 2024-04-08 14:10:53 PDT
Created attachment 470822 [details] Screenshot of issue
Radar WebKit Bug Importer
Comment 2 2024-04-15 14:09:14 PDT
<rdar://problem/126505978>
Note You need to log in before you can comment on or make changes to this bug.