Angular app using cloudinary image component not updating alt tags
Hi,
I have an angular app using CloudinaryImageComponent <advanced-image> and update the image when a user selects something they want to see. structured like this
— cldImage.component —
<advanced-image …. [alt]=alt></advanced-image>
— customcomponent.component —
<cldImage … [alt]=alt></cldImage>
I see the alt tag change in devtools on the advanced image but the img tag produced from CloudinaryImageComponent does not update the alt tag. I have no issues with the image changing, just the alt tag changing
output:
<cldImage ng-reflect-alt="altTag2">
<advanced-image ng-reflect-alt="altTag2>
<img alt="altTag1">
</advanced-image>
</cldImage
Comments
-
Hi there,
Does changing your syntax to alt="{{dynamicText}}" fix the issue?0 -
it does not! you can see here i started with 1 then selected 2 and the advanced image is reflecting that change but img from there isnt updating. it updates when the page loads but when i select new content it doesnt update. (ignore the …. its for privacy) @Zachary
0 -
Hi @jsch15 ,
Thanks for replying.
So this is looking like bug so I've opened an internal ticket for our SDK team to investigate this further.
I do not have an ETA currently but we will update you as soon as we know more.
Please let me know if you have any other questions or queries.
Kind Regards,
Thomas
0 -
Hi,
Our team released @cloudinary/ng version 2.1.0 today with several fixes including one which should resolve this issue. Please let us know if you're still seeing issues with the new version
Regards,Stephen
0 -
Thank you so much! I upgraded to 2.1.0 today and tested these two items above. The original problem displaying the incorrect alt tag when dynamically switching images is fixed thank you so much!
However the second problem is still there. When I send an empty alt attribute through advanced-image it doesn't end up on the <img> created from there so I'm unable to use decorative images with empty alts for accessibility. I tried various ways of syntax and it is not fixed from that either. i.e. [alt]="''" and alt="" and [alt]="{{variableEqualToEmptyString}}" It seems like alt only passes non empty values.
Yall are so great for taking these items in and getting them fixed and following up, we really appreciate it!
0