421318 - Scrolling a page with SVG is slow and jerky

Status: RESOLVED WORKSFORME

(Core :: SVG, defect)

Description

[Andy Boze]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b5pre) Gecko/2008030607 Minefield/3.0b5pre
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b5pre) Gecko/2008030607 Minefield/3.0b5pre

I have a page with an SVG banner at the top. For some reason, the page with this SVG scrolls very slowly and jerkily until the SVG is outside the viewport.

Reproducible: Always

Steps to Reproduce:
1.Open the page.
2.Scroll down using the mouse scroll wheel.
3.Scroll up using the mouse scroll wheel.
Actual Results:  
Scrolling is slow and jerky.

Expected Results:  
Scrolling should not be slow and jerky.

Scrolling gets especially slow when smooth scrolling is enabled. With page zoom, the performance is even worse.

I'm attaching a test page and SVG. The fixed <div> in the page seems to have some effect. Without the <div> being fixed, scrolling down is OK, only scrolling up is slow and jerky. With the fixed <div> both scrolling up and down are slow and jerky.

Comment 1

[Andy Boze]

Attachment: SVG that affects page scrolling

Comment 2

[Andy Boze]

Attachment: Page with SVG in it

The may be the same as bug 317398, but that bug seemed to have to do with extremely large SVGs.

Comment 3

[Robert Longson [:longsonr]]

Basically the same as bug 317398 yes. The Gaussian Blur filter is slow.

Comment 4

[Andriy]

It seems to be another bug

Comment 5

[Robert O'Callahan (:roc) (email my personal email if necessary)]

The position:fixed element forces us to redraw the whole page when you scroll, and the filter makes each redraw slow. Bug 418201 will help.

Comment 6

[Robert Longson [:longsonr]]

Doesn't seem slow any more. Can we close as WFM now?

Comment 7

[Andy Boze]

Yes. Scrolling seems to be much improved.