Closed Bug 1348787 Opened 8 years ago Closed 6 years ago

Animating x/y on <use> is very janky on play.esviji.com because we don't cache <use> rendering

Categories

(Core :: SVG, enhancement, P3)

Product:
Core
Component:
SVG
Platform:
Unspecified
macOS
Type:
enhancement

Tracking

()

Status:
RESOLVED WORKSFORME
Tracking Flags:
Tracking Status
firefox55 --- affected

People

(Reporter: jwatt, Unassigned)

References

(
URL
)

Details

(Keywords: perf, Whiteboard: [in-the-wild] [external-report][expensive gradient painting][cache <use> rendering])

+++ This bug was initially created as a clone of Bug #835041 +++ http://everlong.org/mozilla/esviji-gradients/ This game is very janky for me in Firefox on Mac compared to in Chrome. As per bug 835041 comment 9, this site was made from a commit just before the gradients were removed in: https://github.com/nhoizey/esviji/commit/c756e172d842f386a5ea1201f14ebdffb430f2cf The "balls" are <use> elements referencing an <svg> containing a <circle>. The animation is implemented by changing the 'x'/'y' attributes on the <use> rather than by changing 'transform', so we don't cache the rendering. Maybe Chrome caches the rendering of <use>?
See Also: → 835041
Priority: -- → P3

Seems OK now. Perhaps the shadow DOM rewrite fixed it.

Status: NEW → RESOLVED
Closed: 6 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.