Bug 302256

Summary:

Backdrop filter not applied during view transitions (works in Chrome, broken in Firefox and WebKit)

Product:

WebKit

Reporter:

Paul Rhomberg <paulrhomberg01>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Major

CC:

bfulgham, dev, karlcow, mattwoodrow, mic.gallego, ntim, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, InRadar

Version:

Safari 26

Hardware:

All

OS:

All

Attachments:

Description	Flags
Shows how the backdrop filter: blur; is disabled during the default view transition	none
Comparison image	none

Paul Rhomberg

Reported 2025-11-10 07:02:59 PST

Created attachment 477348 [details] Shows how the backdrop filter: blur; is disabled during the default view transition When using the view transition API, backdrop filters seem to be disabled while the transition is running. This is not the case in Chrome. Example page: https://openguessr.com The blur effect is disabled during the view transition. It should stay enabled, like in Google Chrome. Example video attached. Watch at 0.5x speed to make it more noticeable. Thanks!!

Attachments
Shows how the backdrop filter: blur; is disabled during the default view transition (8.63 MB, video/mp4) 2025-11-10 07:02 PST, Paul Rhomberg	no flags	Details
Comparison image (793.85 KB, image/png) 2025-11-10 07:06 PST, Paul Rhomberg	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Paul Rhomberg

Comment 1 2025-11-10 07:06:45 PST

Created attachment 477349 [details] Comparison image

Radar WebKit Bug Importer

Comment 2 2025-11-17 07:03:10 PST

<rdar://problem/164882934>

mic.gallego

Comment 3 2026-03-07 19:52:13 PST

We're facing the same issue here. It is currently broken on both Firefox and Safari. Is Chrome the one not following the spec here or is this a bug from Safari/Firefox ?

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