Open Bug 1980357 Opened 10 months ago Updated 8 months ago

drop-shadow() with 0 offset + spread + radius don't render correctly

Categories

(Core :: Graphics: WebRender, defect)

Firefox 141
defect

Tracking

()

People

(Reporter: psychpsyo, Unassigned)

Details

Attachments

(2 files)

Attached file filterTransition.html

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:141.0) Gecko/20100101 Firefox/141.0

Steps to reproduce:

I put a filter with multiple drop-shadows on an element and tried to transition them.
See attached example file for specifics. The bug happens after un-hovering the element. The transition to the hovered state is fine.

Actual results:

The transition is smooth in one direction, but not in the other. At the very end, it snaps to the final position.
Note that Chrome has the same problem, except that it does not jump to the correct final position, but lingers on the incorrect last frame of the transition. So this might be something with the spec.

Expected results:

The transition should have smoothly arrived at the final position.

The Bugbug bot thinks this bug should belong to the 'Core::CSS Transitions and Animations' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → CSS Transitions and Animations
Product: Firefox → Core

Update:
I messed something up when testing Chromium yesterday, it does not have the bug. Firefox just doesn't show stacked drop-shadow()s like these right. That jump at the end of the animation is from the correct position to the incorrect rendering.

The severity field is not set for this bug.
:alaskanemily, could you have a look please?

For more information, please visit BugBot documentation.

Flags: needinfo?(emcdonough)

Yeah I agree the issue is with the initial rendering. Even changing it to drop-shadow(0 0 .25em black) drop-shadow(0.01px 0 0 red) "fixes" this.

So this is not about the CSS transitions or the interpolation, but about the graphics rendering...

Component: CSS Transitions and Animations → Graphics: WebRender
Flags: needinfo?(emcdonough)
Summary: Stacked drop-shadow()s don't transition fluently → drop-shadow() with 0 offset + spread + radius don't render correctly
Status: UNCONFIRMED → NEW
Ever confirmed: true

The severity field is not set for this bug.
:gw, could you have a look please?

For more information, please visit BugBot documentation.

Flags: needinfo?(mozilla)
Severity: -- → S3
Flags: needinfo?(mozilla)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: