Closed Bug 1683951 Opened 5 years ago Closed 11 months ago

Slow animation with svg base64 filter

Categories

(Core :: Graphics: WebRender, defect)

Product:
Core
Component:
Graphics: WebRender
Version:
Firefox 84
Platform:
Desktop
All
Type:
defect

Tracking

()

Status:
RESOLVED FIXED
Milestone:
132 Branch
Tracking Flags:
Tracking Status
firefox-esr115 --- wontfix
firefox-esr128 --- wontfix
firefox85 --- wontfix
firefox86 --- wontfix
firefox130 --- wontfix
firefox131 --- wontfix
firefox132 --- fixed

People

(Reporter: ksenia, Assigned: ahale)

References

(Blocks 1 open bug,
URL
)

Details

As reported in https://github.com/webcompat/web-bugs/issues/64072

STR:

  1. Visit https://yb7t4.csb.app/ and observe the page

Expected:
Circle rotation animation is smooth

Actual:
Animation is not smooth

Perf profile:
https://share.firefox.dev/37H4tSv

Summary: Slow animation with using svg base64 filter → Slow animation with svg base64 filter

Correcting the filter bounds to width="1" height="1" x="0" y="0" makes it much smoother for me.

Blocks: wr-perf
status-firefox85: --- → affected
status-firefox86: --- → affected
Component: Graphics → Graphics: WebRender
Blocks: 1613373
No longer blocks: wr-perf
Webcompat Priority: --- → ?
Webcompat Priority: ? → ---
Severity: -- → S4
Blocks: wr-svg-filter-perf
No longer blocks: 1613373

Fixed by gfx.webrender.svg-filter-effects.

Assignee: nobody → ahale
Status: NEW → RESOLVED
Closed: 11 months ago
Depends on: 1906212
Resolution: --- → FIXED

I can't currently run the test case, but looking at the filter graph https://codesandbox.io/p/sandbox/yb7t4?file=%2Fsrc%2Ffilters%2Fnatural-shadow.tsx%3A31%2C1 it looks completely supported.

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