Rendering bleeds over max-height when drop-shadow filter applied

[Amos Ng]

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

[Amos Ng]

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]

I cannot reproduce this in Safari.

[Karl Dubost]

I can't reproduce on Safari Version 17.4 (19618.1.11) on macOS 14.

[Radar WebKit Bug Importer]

<rdar://problem/121973882>