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:

RESOLVED DUPLICATE

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

Marita Plafka

Reported 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.

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 attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2023-06-13 09:55:45 PDT

<rdar://problem/110716644>

Simon Fraser (smfr)

Comment 2 2024-09-23 17:32:05 PDT

*** This bug has been marked as a duplicate of bug 250828 ***

Note You need to log in before you can comment on or make changes to this bug.