Bug 255201 - Shadow is clipped around button with drop shadow on https://www.lematelasvert.fr
Summary: Shadow is clipped around button with drop shadow on https://www.lematelasvert.fr
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: https://www.lematelasvert.fr
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2023-04-09 00:39 PDT by Antoine Quint
Modified: 2023-04-16 00:40 PDT (History)
5 users (show)

See Also:

Attachments
Screenshot (3.50 MB, image/png)
2023-04-09 00:40 PDT, Antoine Quint 		no flags Details
Screen recording (290.99 KB, video/quicktime)
2023-04-09 00:43 PDT, Antoine Quint 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>