NEW 267972
Rendering bleeds over max-height when drop-shadow filter applied 
https://bugs.webkit.org/show_bug.cgi?id=267972
Summary Rendering bleeds over max-height when drop-shadow filter applied
Amos Ng
Reported 2024-01-23 17:17:11 PST
Created attachment 469519 [details] A screencast of the bleeding over the edges of the max-height div Steps to reproduce: - Visit the test case at https://jsfiddle.net/e7os0xpu/ I'm running Webkit via Playwright on Linux, and this fiddle causes the message div's to bleed over out of the `max-height` and `scroll` restrictions on the `.conversation` div, as shown in the attached screencast. The problem becomes especially egregious after a bit of scrolling. The command I'm using is npx playwright open -b webkit https://jsfiddle.net/e7os0xpu/ It works fine for me on Firefox and Chrome. I would try to run this example on the latest build as directed, but it appears the contents of main.zip don't support running on Linux. Webkit version: it says 17.4 when I log `browser.version()` on Playwright OS: Linux Mint 21.2
Attachments
A screencast of the bleeding over the edges of the max-height div (276.33 KB, video/mp4)
2024-01-23 17:17 PST, Amos Ng 		no flags
Details
A screencast of how it renders on Firefox (86.84 KB, video/mp4)
2024-01-23 17:19 PST, Amos Ng 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Amos Ng
Comment 1 2024-01-23 17:19:58 PST
Created attachment 469520 [details] A screencast of how it renders on Firefox This is how it renders on Firefox, which respects the max-height of the container div at all times.
Alexey Proskuryakov
Comment 2 2024-01-25 18:18:40 PST
I cannot reproduce this in Safari.
Karl Dubost
Comment 3 2024-01-30 00:00:25 PST
I can't reproduce on Safari Version 17.4 (19618.1.11) on macOS 14.
Radar WebKit Bug Importer
Comment 4 2024-01-30 17:18:13 PST
<rdar://problem/121973882>
Note You need to log in before you can comment on or make changes to this bug.