Comments (5)
Thanks @davidspiess 🙏 I'll keep this issue open and file a Chromium bug.
Update: Bug tracked here https://bugs.chromium.org/p/chromium/issues/detail?id=1020542&q=transition%20flicker&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified
from spinkit.
@udeleng I can't reproduce this on mac, can you make a screen grab? 🙏
from spinkit.
I noticed this too.
Chrome 78.0.3904.70 (Official Build) (64-bit)
OS: Windows 10 Pro
from spinkit.
Thanks @davidspiess 🙏
This feels like a browser bug. I've no idea how we could work around it. Could you confirm if it flickers in all sizes, or is it only when it's below 40px or so?
from spinkit.
It seems like a Chrome bug, Firefox and Edge don't have any rendering issues during my tests.
I tried different sizes too, smaller sizes seem to be more problematic than bigger sizes.
40px for example renders fine on my machine, 16px is by far the worst size with a lot of flashing artifacts.
from spinkit.
Related Issues (20)
- How do I increase the size of the spinner ? HOT 3
- SCSS Mixins HOT 3
- Wandering Cube should use a variable for width/height for scaling/centering
- Add a background to the spinner that fades out with the spinner? HOT 1
- iOS Bug on 9-cube-grid HOT 4
- sk-wave Issue with ReactJS. No spaces between vertical lines HOT 3
- Text/message HOT 2
- fading circles are look like squares
- Prevent spinner from using custom font faces
- wave rely on spaces between rects elements HOT 3
- Conflict with circle and fading circle
- The three bounce is missing in 2.0.0 HOT 1
- "RotatingPlane" is called "RotatingPlain" in code HOT 1
- Reintroduce SCSS and modular structure HOT 1
- Old Browser-Support HOT 1
- Now it's 2020. HOT 1
- Blurry animation HOT 1
- [Feature Request] Add a diamond shaped loader
- [Quick Question] Is it possible to load this spinner only once at dash initialization? 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 spinkit.