[Webkit-unassigned] [Bug 251987] New: Outlines only showing around single element

[bugzilla-daemon at webkit.org]

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

            Bug ID: 251987
           Summary: Outlines only showing around single element
           Product: WebKit
           Version: Safari 16
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: r+webkit at mko.re

I have the following piece of HTML:

  <div>
    <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Foo</div>
    <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Bar</div>
  </div>
  <div style="outline: 3px dashed rgba(1, 5, 57, 0.376471)">Baz</div>

- When I load this in Safari on iOS, only the first item has an outline
- If I remove the alpha component from the first style, all outlines render
- If I change the 'dashed' in the first style to 'solid', only the 2 first outlines render (not the third)

There are other tweaks that you can do to get unexpected behavior, but the 2 above should hopefully pinpoint the problem.

I was also able to reproduce this in a simulator.

-- 
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/20230209/7fa14b10/attachment-0001.htm>