[Webkit-unassigned] [Bug 275307] New: Augmented Fonts on iOS depend on the length of the line.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 275307
           Summary: Augmented Fonts on iOS depend on the length of the
                    line.
           Product: WebKit
           Version: Other
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: karlcow at apple.com
                CC: koivisto at iki.fi

Created attachment 471636

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

screenshot of the webpage with two different sizes.

Steps to reproduce
1. With Safari on iOS
2. Go to https://beyond-the-cascade.com/do-we-still-need-css-preprocessors-in-2024/
3. Scroll down to the section with the text: Similar to union types like TypeScript, you can define things like:

Result:
The first code example has a normal font size
The second code example has a blown out font size.

They have basically the same hierarchy. The only difference is the length of the lines.

The first code example has this sequence
code element width: 235.984375px;
body > main > article > pre:nth-child(43) > code > span:nth-child(1) > span:nth-child(1)
<span style="color:#C586C0">@property</span>

font-size: 12.25px
• .875em  & :where(pre code) 
• .8125em & :where(code)
• .875rem & :where (pre)
• clamp(1em,3.125vw,1.25em) body



The second code has this sequence
code element width: width: 605.484375px;
body > main > article > pre:nth-child(45) > code > span:nth-child(1) > span:nth-child(1)
<span style="color:#C586C0">@property</span>

font-size: 19px
• .875em  & :where(pre code) 
• .8125em & :where(code)
• .875rem & :where (pre)
• clamp(1em,3.125vw,1.25em) body

-- 
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/20240610/a80ec4eb/attachment.htm>