252075 2023-02-10 14:09:24 -0800 Zoom level factored into computed value of lh (line-height) unit used in CSS gradient 2024-07-22 23:38:05 -0700 1 1 1 Unclassified WebKit CSS Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 275399 BrowserCompat, InRadar P2 Normal --- 1 dan webkit-unassigned fujii karlcow koivisto mmaxfield simon.fraser webkit-bug-importer oldest_to_newest 1932750 0 464947 dan 2023-02-10 14:09:24 -0800 Created attachment 464947 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+. 1933134 1 webkit-bug-importer 2023-02-13 01:41:58 -0800 <rdar://problem/105383208> 2047703 2 fujii 2024-07-22 23:37:14 -0700 This bug seems to be aleady fixed by someone. 280062@main bad 280183@main good 2047704 3 fujii 2024-07-22 23:38:05 -0700 Likely 280120@main *** This bug has been marked as a duplicate of bug 275399 *** 464947 2023-02-10 14:09:24 -0800 2023-02-10 14:09:24 -0800 A demonstration of how 1lh changes as you zoom in and out of the page 1lh.html text/html 913 dan PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9J2VuJz4KPGhlYWQ+Cgk8bWV0YSBjaGFyc2V0PSJ1 dGYtOCI+Cgk8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRo LCBpbml0aWFsLXNjYWxlPTEiPgoJPHRpdGxlPmNvbXB1dGVkIHZhbHVlIG9mIDFsaDwvdGl0bGU+ Cgk8c3R5bGUgdHlwZT0ndGV4dC9jc3MnPgoJCXAgewoJCQlsaW5lLWhlaWdodDogMS4zOwoJCQlm b250LXNpemU6IDIwcHg7CgkJCXBhZGRpbmc6IDFsaDsKCQkJbWFyZ2luOiAxbGg7CgkJCWJvcmRl cjogMXB4IHNvbGlkOwoJCQliYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoCgkJCQl0 cmFuc3BhcmVudCAwIDFsaCwKCQkJCSNmYzAgMWxoIDJsaCwKCQkJCXRyYW5zcGFyZW50IDJsaCAx MDAlCgkJCSk7CgkJfQoJPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KCTxwPgoJCUxvcmVtIGlwc3Vt IGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gZWl1 c21vZCB0ZW1wb3IgaW5jaWRpZHVudCB1dCBsYWJvcmUgZXQgZG9sb3JlIG1hZ25hIGFsaXF1YS4g VXQgZW5pbSBhZCBtaW5pbSB2ZW5pYW0sIHF1aXMgbm9zdHJ1ZCBleGVyY2l0YXRpb24gdWxsYW1j byBsYWJvcmlzIG5pc2kgdXQgYWxpcXVpcCBleCBlYSBjb21tb2RvIGNvbnNlcXVhdC4gRHVpcyBh dXRlIGlydXJlIGRvbG9yIGluIHJlcHJlaGVuZGVyaXQgaW4gdm9sdXB0YXRlIHZlbGl0IGVzc2Ug Y2lsbHVtIGRvbG9yZSBldSBmdWdpYXQgbnVsbGEgcGFyaWF0dXIuIEV4Y2VwdGV1ciBzaW50IG9j Y2FlY2F0IGN1cGlkYXRhdCBub24gcHJvaWRlbnQsIHN1bnQgaW4gY3VscGEgcXVpIG9mZmljaWEg ZGVzZXJ1bnQgbW9sbGl0IGFuaW0gaWQgZXN0IGxhYm9ydW0uCgk8L3A+CjwvYm9keT4KPC9odG1s Pg==