bug: ion-img: alt text shown for brief period before src is set on inner img

Feature Request

Ionic version:

[x] 5.x

Describe the Feature Request

Currently, the alt attribute of ion-img will be displayed when the image is loading. But I think the alt attribute of ion-img should only be displayed when the image fails to load, just like the native img tag.

Describe Preferred Solution

Describe Alternatives

When loading an image, ion-img should show the loading state(spinner) instead of displaying the content of the alt attribute

Related Code

Additional Context

[matEhickey]

+1 problem is still here

[tnoetzel]

Here’s a workaround until this gets fixed:

CSS:

ion-img::part(image) {
    display: none;
}

ion-img.show::part(image) {
    display: block;
}

React TSX:

<IonImg onIonImgDidLoad={(e: any) => e.target.classList.add('show')} src={'yourimage.png'} alt="whatever" />