Bug 255201

Summary: Shadow is clipped around button with drop shadow on https://www.lematelasvert.fr
Product: WebKit Reporter: Antoine Quint <graouts>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, karlcow, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
URL: https://www.lematelasvert.fr
See Also: https://bugs.webkit.org/show_bug.cgi?id=207586
Attachments:
Description Flags
Screenshot
none
Screen recording none

Description Antoine Quint 2023-04-09 00:39:05 PDT 
Steps to reproduce:

1. go to https://www.lematelasvert.fr
2. bring your mouse over the "matelas" or "accessoires" buttons
3. notice how it animates with a drop shadow which looks fine during the animation
4. notice how when the animation ends the shadow is now clipped

This looks fine in both Firefox and Chrome.
Comment 1 Antoine Quint 2023-04-09 00:40:58 PDT 
Created attachment 465820 [details]
Screenshot
Comment 2 Antoine Quint 2023-04-09 00:43:16 PDT 
Created attachment 465821 [details]
Screen recording
Comment 3 Simon Fraser (smfr) 2023-04-09 08:22:02 PDT 
Probably a dup of bug 207586.
Comment 4 Radar WebKit Bug Importer 2023-04-16 00:40:17 PDT 
<rdar://problem/108101967>