Bug 225695

Summary: REGRESSION (Safari 14.1): Fractional CSS line-height value translates to rounded (floored) element height
Product: WebKit Reporter: Andreas <andreas>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, andreas, bfulgham, karlcow, matt, mmaxfield, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=261463
https://bugs.webkit.org/show_bug.cgi?id=261212
Attachments:
Description Flags
Safari 14.1 Inspector
none
Firefox 88.0.1 Inspector
none
Test element none

Andreas
Reported 2021-05-12 05:30:04 PDT
This behaviour is new in Safari 14 (14.1). Example issue: a <SPAN> element has font-size set to 16px and line-height set to 1.2 (via CSS). The resulting height of the element was correctly computed to 19.2 (prior v14) but is now resulting 19.
Attachments
Safari 14.1 Inspector (402.20 KB, image/png)
2021-05-12 10:22 PDT, Andreas 		no flags
Details
Firefox 88.0.1 Inspector (406.12 KB, image/png)
2021-05-12 10:25 PDT, Andreas 		no flags
Details
Test element (424 bytes, text/html)
2021-05-12 10:28 PDT, Andreas 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Andreas
Comment 1 2021-05-12 10:22:59 PDT
Created attachment 428381 [details] Safari 14.1 Inspector Size is reported as 19px
Andreas
Comment 2 2021-05-12 10:25:40 PDT
Created attachment 428382 [details] Firefox 88.0.1 Inspector
Andreas
Comment 3 2021-05-12 10:28:37 PDT
Created attachment 428383 [details] Test element
Radar WebKit Bug Importer
Comment 4 2021-05-19 05:31:17 PDT
<rdar://problem/78201712>
Note You need to log in before you can comment on or make changes to this bug.