[Webkit-unassigned] [Bug 255419] New: Rendering issue with checkbox in flexbox layout

[bugzilla-daemon at webkit.org]

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

            Bug ID: 255419
           Summary: Rendering issue with checkbox in flexbox layout
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Intel)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sime.vidas at gmail.com

Test page: https://jsbin.com/cifaziq/edit?html,css,output

On the test page, I put checkboxes and their labels in a simple CSS flexbox layout.

In desktop Safari, the checkboxes are smaller, and there is no spacing around them, and when their labels become longer, the text appears on top of the checkbox.

This issue does not occur in Chrome and Firefox. Additionally, the checkboxes are vertically centered in these browsers, but that seems to be a separate interop issue.

-- 
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/20230413/174a0b75/attachment.htm>