[Webkit-unassigned] [Bug 252161] New: [leading-trim] nested elements shift text upwards

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=252161

            Bug ID: 252161
           Summary: [leading-trim] nested elements shift text upwards
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: j.nicklas at me.com

Created attachment 464969

  --> https://bugs.webkit.org/attachment.cgi?id=464969&action=review

Screenshot of the bug reproduction

We are experiencing a bug with the recently released experimental leading-trim feature in Safari Technology Preview. 
The leading-trim feature is useful for removing extra spacing in text, allowing us to style it more predictably. 

However, when using multiple nested elements with leading-trim, the spacing is removed multiple times causing the text to shift upwards.

Steps to reproduce:

Nest multiple elements with the leading-trim property set
Observe the text being shifted upwards

Expected result:

The leading-trim property should only remove the extra spacing once, regardless of how many elements it is nested in.

Actual result:

The extra spacing is being removed multiple times, causing the text to shift upwards.

Environment:

Safari Technology Preview version: Release 163 (Safari 16.4, WebKit 18615.1.18.100.1)
Operating system: macOS Ventura Version 13.2 (22D49)

Code Sandbox Reproduction:
https://codepen.io/jantimon-the-scripter/pen/NWLKvNN

-- 
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/20230213/b61d831b/attachment.htm>