Loading circle for blurhash
Summary
It'd be good to inject some kind of loading spinner into the canvas set in the blurhash directive, as some filetypes such as gifs can be in a blurhash state for a while - and unless you know the image is a gif, you may think there is a bug.
I've seen more extreme examples but here's one that takes a little too long to load https://streamable.com/wb34al
Steps to reproduce
- Upload a large gif (there are upper limits on gif size somewhere between 2 and 5mb)
- Throttle your connection
- Load the page again - gif takes a while to show (especially when buried in feeds where many images are loading
Platform information
Web
What is the current bug behavior?
No indicator given that loading is in progress makes it sometimes feel like there is a bug if there is a lag spike
What is the expected correct behavior?
I think a loading spinner atop the canvas would help
Relevant logs and/or screenshots
(Paste any relevant logs - please use code blocks (```) to format console output, logs, and code as it's very hard to read otherwise.)
Possible fixes
(If you can, link to the line of code that might be responsible for the problem)
Edited by Ben