New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Animated SVGs in Image Tags - Bugfix #4941

Open

lzudor-omnitech wants to merge 1 commit into uikit:develop from SVGator:fix/svg-animation

lzudor-omnitech commented Dec 20, 2023

URL(s):
https://codepen.io/dr_cube/pen/gOqqXpa?editors=1000

or check tests/scrollspy.html
load the page (in Incognito mode)
wait 1-2 secods
scroll down
all images should be animating; some of them will be stuck & stopped in Chromium-based browsers

Issue:

animated SVGs, included in IMG tags stop animating when used w/ scroll (actual issue reported by SVGator customer)
the issue is present due to animated CSS class removed w/ a temporization from JS
given code triggers & forces a repaint of svgs included in image tags when the animated CSS class is removed


          Animated SVGs in Image Tags

a11c561

Loading failed/ stopped: https://codepen.io/dr_cube/pen/gOqqXpa?editors=1000 ; fixing the issue.

lzudor-omnitech mentioned this pull request

Fix/svg animations #4928

Closed

janschoenherr force-pushed the develop branch from a3880a1 to bf937dd Compare

February 2, 2024 16:20

janschoenherr force-pushed the develop branch 2 times, most recently from 6c18132 to ae16f4d Compare

February 20, 2024 14:21

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment