[Webkit-unassigned] [Bug 252075] New: Zoom level factored into computed value of lh (line-height) unit used in CSS gradient
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Fri Feb 10 14:09:24 PST 2023
https://bugs.webkit.org/show_bug.cgi?id=252075
Bug ID: 252075
Summary: Zoom level factored into computed value of lh
(line-height) unit used in CSS gradient
Product: WebKit
Version: Safari Technology Preview
Hardware: Unspecified
OS: Unspecified
Status: NEW
Severity: Normal
Priority: P2
Component: CSS
Assignee: webkit-unassigned at lists.webkit.org
Reporter: dan at danburzo.ro
Created attachment 464947
--> https://bugs.webkit.org/attachment.cgi?id=464947&action=review
A demonstration of how 1lh changes as you zoom in and out of the page
When used in a linear-gradient() CSS image, the computed value of `1lh` incorrectly changes based on zoom level.
In the attached test case, the paragraph has these styles:
p {
line-height: 1.3;
font-size: 20px;
padding: 1lh;
margin: 1lh;
border: 1px solid;
background-image: linear-gradient(
transparent 0 1lh,
#fc0 1lh 2lh,
transparent 2lh 100%
);
}
Zooming in and out of the page, the `margin` and `padding` are computed to `26px`, but the background image that highlights the first line of the paragraph gets out of sync.
The issue is not present in Chrome 109+.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230210/5f554c5f/attachment.htm>
More information about the webkit-unassigned
mailing list