Comments (4)
+1 to that. Safari Version 15.5 (17613.2.7.1.8), Mac OS Monterey 12.4
I went to the Issues section to report one myself. But here's a hint: due to the bad eyesight I have a default page zoom set to 125%. When page zoom is set to 100% (default for most people), everything looks OK. But I have 125% set as default for all websites with no exceptions, and so far - only LinkedIn looks ugly, mostly due to, not surprising surprise!, icons.
from svg-spinners.
This is a WebKit bug.
I was able to reproduce this bug and found out that using an animated SVG in an <img>
tag on a page zoom level other than
100% is the only cause (on WebKit based browsers). Using them inline seems completely fine and consistent across browsers.
from svg-spinners.
I tested them in Safari 15.4 and 15.3 and the animations were running without any issue. According to you, they seem to be working fine in 14.1 too and this issue comes up in just 15.2 which seems pretty weird. Until now, I couldn't reproduce this behavior. I'll just keep this issue open in case anyone can add some more information to it.
from svg-spinners.
Possibly related: #11
from svg-spinners.
Related Issues (10)
- Floating point parsing error in Firefox HOT 1
- how to switch color of the indicator? HOT 2
- Spinner is off-center at zoom levels other than 100% in Safari
- Use transform instead of height and y to improve performance
- Some cool spinners
- Licensing HOT 3
- React Component Library
- Discussion on fill being the current color HOT 3
- svg-smil/3-dots-move.svg contains duplicate IDs HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svg-spinners.