Bug 258007

Summary:

Safari mix-blend-mode:color transition bug when page is longer than viewport

Product:

WebKit

Reporter:

Marita Plafka <marita.plafka>

Component:

Compositing

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

simon.fraser, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 16

Hardware:

Mac (Apple Silicon)

OS:

iOS 16

Attachments:

Description	Flags
video capture of the described behavior and bug	none

Description Marita Plafka 2023-06-12 23:40:38 PDT

Created attachment 466675 [details]
video capture of the described behavior and bug

While transitioning the opacity, Safari looses the mix-blend-mode:color look. 

This happens if the page content is longer than the viewport. 
This codepen shows the bug https://codepen.io/miashadowblue/pen/LYXVoMm. Either follow the description in the codepen or resize the window so that the module doesn't fit the viewport anymore. 
If the transitioning bug happened once, you have to reload the page for it to work again, even if the page content fits the viewport again.

Tested on MacOS Ventura 13.2.1 - Safari 16.3 and MacOS Ventura 13.4 - Safari 16.5.

Comment 1 Radar WebKit Bug Importer 2023-06-13 09:55:45 PDT

<rdar://problem/110716644>