<StorageImage /> always displays alt text and loading failure status first! #6254
Labels
pending-maintainer-response
Issue is pending response from an Amplify UI maintainer
pending-triage
Issue is pending triage
Before creating a new issue, please confirm:
On which framework/platform are you having an issue?
React
Which UI component?
Storage
How is your app built?
webpack
What browsers are you seeing the problem on?
Chrome
Which region are you seeing the problem in?
EU
Please describe your bug.
I am using StorageImage component in my project like this
<StorageImage alt='logo' path={logoImageKey} />
When I load this page, I will see alt text and broken image first,then see the truly image I have setup.
I observed the data in the network and found that when the image request has not yet returned, the alt text is displayed instead of loading or blank. that is weird.
What's the expected behaviour?
show loading or blank instead of alt before image request return.
Help us reproduce the bug!
<StorageImage alt='logo' path={logoImageKey} />
set network to slow 3G
Code Snippet
Console log output
No response
Additional information and screenshots
No response
The text was updated successfully, but these errors were encountered: