[Webkit-unassigned] [Bug 270697] New: Shadow DOM with display: none still remain visible! (iOS17.4 regression)

[bugzilla-daemon at webkit.org]

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

            Bug ID: 270697
           Summary: Shadow DOM with display: none still remain visible!
                    (iOS17.4 regression)
           Product: WebKit
           Version: Safari 17
          Hardware: iPhone / iPad
                OS: iOS 17
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mic.gallego at gmail.com

Created attachment 470246

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

Shadow DOM issue

Hi,

Starting from iOS17.4, a regression has been introduced that, in our case, causes a Shadow DOM element being visible... even with display: none!

It might be a complex combination as I have been unable to isolate a minimal use case, so you will need to try on this store: https://impact-theme-shape.myshopify.com/products/silhouette-bra-black

To reproduce the issue:

1. On iOS17.4, click on the Size dropdown to open it.
2. Close the dropdown popover.

Expected result (until iOS 17.3):

- On close, the div containing the shadow DOM is set to display: none, and no longer visible.

Incorrect result (from iOS 17.4):

- Despite being set with display: none, the full page overlay in the Shadow DOM remains visible on the page.

-- 
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/20240308/f1a9c415/attachment.htm>