Bug 258007 - Safari mix-blend-mode:color transition bug when page is longer than viewport
Summary: Safari mix-blend-mode:color transition bug when page is longer than viewport
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Compositing (show other bugs)
Version: Safari 16
Hardware: Mac (Apple Silicon) iOS 16
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-12 23:40 PDT by Marita Plafka
Modified: 2023-06-13 09:55 PDT (History)
2 users (show)

See Also:

Attachments
video capture of the described behavior and bug (72.66 MB, video/quicktime)
2023-06-12 23:40 PDT, Marita Plafka 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>