Bug 250828

Summary:

mix-blend-mode stop working on a fixed layer if resolution is too large

Product:

WebKit

Reporter:

Roland <roland.tisserand.44>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

dino, simon.fraser, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 16

Hardware:

All

OS:

All

Attachments:

Description	Flags
video capture of the bug	none

Description Roland 2023-01-19 02:12:14 PST

Created attachment 464554 [details]
video capture of the bug

Hello,
this bug happen on the last Safari (tested on ipad pro M1, macbook pro 2013 and mac mini 2018).

This codepen show the bug happening : https://codepen.io/danoszz/pen/QWLKKOe (scroll to the red and enlarge your windows more than 1800 px)

Any mix-blend-mode attached to a fixed or sticky element will stop working if the size of the window scale to much.
Generally around 1800px wide.

You need to reload the windows to get the blend working back.

If the element position is static or relative, it's ok.

Comment 1 Roland 2023-01-19 02:20:57 PST

Another exemple : https://postcompany.co/

Comment 2 Radar WebKit Bug Importer 2023-01-26 02:13:20 PST

<rdar://problem/104686540>

Comment 3 Roland 2023-12-15 08:46:16 PST

Still an issue on Safari 17.1 and Sonoma.