[Webkit-unassigned] [Bug 261442] New: Unexpected and inconsistent rendering / clipping of filter:drop-shadow() on SVG

[bugzilla-daemon at webkit.org]

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

            Bug ID: 261442
           Summary: Unexpected and inconsistent rendering / clipping of
                    filter:drop-shadow() on SVG
           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: stephen at arrowtype.com

Created attachment 467651

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

Reproduction case with SVG and filter:drop-shadow()

Reproduction attached, and also available at https://codepen.io/thundernixon/pen/RwEVVjW

Summary: I am finding unexpected and inconsistent rendering / clipping of filter:drop-shadow() on an SVG.

Notes from several versions of Safari:
- In Safari Version 16.1 (18614.2.9.1.12) on an M1 Mac, the styling for filter:drop-shadow() gets cut off improperly, if that filter is applied on hover. Specifically, the shadow is cut off or clipped at the boundaries of the SVG. This happens whether or not overflow: visible; is set on the SVG element. This is somewhat inconsistent, and doesn't always behave in the exact same way. The issue doesn't seem to occur if the style is applied to a non-hovered element.
- In iOS Safari (iOS 16.6.1), drop-shadow works better, but still has unexpected clipping and artifacts.
- In Safari Technology Preview Release 173 (Safari 17.0, WebKit 18616.1.20.2), the drop-shadow does not seem to appear at all, on hover OR if applied to the element by default, without hover.

By constrast, the shadow works smoothly in Chrome Version 116.0.5845.140 and is not clipped.

Thanks for taking a look!

-- 
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/20230911/c2ea16d8/attachment-0001.htm>