[Webkit-unassigned] [Bug 251597] New: Safari 16.3 hiding an element with transition and certain CSS

[bugzilla-daemon at webkit.org]

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

            Bug ID: 251597
           Summary: Safari 16.3 hiding an element with transition and
                    certain CSS
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: spacest at gmail.com

Created attachment 464815

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

Test page

An element with transitioned color on hover, inside a display: contents parent, which is displayed by animated visibility: visible. Hover it to hide it only in Safari 16.3. Normal transition observed in older Safari and Chrome.

<style>
        @keyframes menu-opening {
                100% {
                        visibility: visible;
                }
        }

        ul {
                animation: menu-opening .3s 1 forwards;
                visibility: hidden;
        }

        li {
                display: contents;
        }

        a {
                transition: color .2s ease-in-out;
        }

        a:hover {
                color: red;
        }
</style>

<ul>
        <li>
                <a href="/">Hover me on Safari 16.3 and I disappear</a>
        </li>
</ul>

https://rado.bg/safari-16.3.html

-- 
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/20230202/78d7bcdd/attachment.htm>