Bug 225695 - REGRESSION (Safari 14.1): Fractional CSS line-height value translates to rounded (floored) element height
Summary: REGRESSION (Safari 14.1): Fractional CSS line-height value translates to roun...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-05-12 05:30 PDT by Andreas
Modified: 2024-01-04 16:24 PST (History)
9 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description Andreas 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.
Comment 1 Andreas 2021-05-12 10:22:59 PDT
Created attachment 428381 [details]
Safari 14.1 Inspector

Size is reported as 19px
Comment 2 Andreas 2021-05-12 10:25:40 PDT
Created attachment 428382 [details]
Firefox 88.0.1 Inspector
Comment 3 Andreas 2021-05-12 10:28:37 PDT
Created attachment 428383 [details]
Test element
Comment 4 Radar WebKit Bug Importer 2021-05-19 05:31:17 PDT
<rdar://problem/78201712>