Bug 249682 – Certain pages in Safari aren't rendering correctly on Studio Display because of CSS filters

• Component: Layout and Rendering
• Status: NEW

[JosephTLyons]

If I view [this page][1], the page is blank.  If I move my mouse around on it, elements bits and pieces of the elements appear.

It started happening for me macOS 13.01, but is still present in 13.1.  I notice that Mozilla and Chrome are fine, but [Orion][2] has the same bug.  WebKit seems to be the common thing between Safari and Orion, but I haven't found any issues listed anywhere, for Safari, Orion, or WebKit.

Another weird fact is that, as soon as I focus on another window, all of the elements on the page render entirely, but as soon as I focus back on the page, they a disappear.

**Update**

I'm using a Studio Display and the issue seems to be there when Safari is using the entirety of the Studio Display.  As soon as I shrink the browser down to fit on the 16 inch display of my MacBook, it goes away.  When I move that shrunken version over to the Studio Display, the issue isn't there.  When I expand the width of the browser to fit the width of the Studio Display, the issue isn't there.  When I expand the height of the browser to fit the height of the Studio Display, the issue occurs.

[![enter image description here][3]][3]


  [1]: https://zed.dev/docs/general/getting-started
  [2]: https://browser.kagi.com
  [3]: https://i.stack.imgur.com/H6jEl.png



https://discussions.apple.com/thread/254474425?login=true&page=1
https://orionfeedback.org/d/3959-rendering-of-a-specific-page-is-broken
https://apple.stackexchange.com/questions/451973/rendering-issues-in-safari-on-macos-ventura

[JosephTLyons]

Ooops, forgot to convert the link types to work with this forum.  My apologies.

[Radar WebKit Bug Importer]

<rdar://problem/103626371>

[Simon Fraser (smfr)]

This is caused by the CSS drop-shadow filter. There's a max buffer size for filter input.