Bug 199364 - CSS animations in SVG do not repaint when SVG is zoomed
Summary: CSS animations in SVG do not repaint when SVG is zoomed
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: WebKit Nightly Build
Hardware: All macOS 10.14
: P2 Normal
Assignee: Nobody
Keywords: BrowserCompat, InRadar
Depends on:
Reported: 2019-07-01 07:42 PDT by jstsch
Modified: 2019-07-01 11:21 PDT (History)
4 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description jstsch 2019-07-01 07:42:28 PDT
CSS animations in SVGs which are in a zoomed element are only partially visible. It looks like a dirty rectangle is defined at load time, not taking the zoom factor into account.

Example case to reproduce: https://jstsch.com/misc/2019/7/safari-svg-zoom.html. As you can see, the animation is only repainted at the size of the original image. If you resize your window you can force a repaint in the entire images.

Interestingly, when you give the first image a width of double the original image width and reload, you can see the other images repaint correctly. It looks like the image objects share the dimensions (but not the locations) of their painting rectangle: https://jstsch.com/misc/2019/7/safari-svg-zoom-2.html

Tested in Safari TP and latest Webkit build. Also reproduced on iPad.
Comment 1 Radar WebKit Bug Importer 2019-07-01 08:07:57 PDT