[Webkit-unassigned] [Bug 241459] New: Incorrect sizing of elements with visually hidden text inside

[bugzilla-daemon at webkit.org]

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

            Bug ID: 241459
           Summary: Incorrect sizing of elements with visually hidden text
                    inside
           Product: WebKit
           Version: Safari 15
          Hardware: All
                OS: All
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kontakt at wojtekmaj.pl
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 460128

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

Offline repro

If we have:
1. div with display: inline-block, or
2. div in flexbox container
that has a text with visually hidden element inside, this div's auto width is incorrect (unnecessarily small), causing the text to wrap with no reason.

Repro:
https://4kpsi4.csb.app/

Interactive repro:
https://codesandbox.io/s/webkit-element-sizing-bug-4kpsi4

This can be reproduced both on macOS Monterey and iOS 15.

-- 
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/20220609/76d770de/attachment.htm>