I have a page with a lock/unlock icon from font awesome. Which one is shown depends on a parameter variable. The idea being if you click the icon it will toggle between lock and unlock. It also shades the background of the card this is on red or not based on if it's locked or unlocked. The shading of the background works so the method to toggle the boolean variable is working (the breakpoint gets hit too so it's working).
<i class="fa-solid @(Folder.Locked ? "fa-lock text-danger" : "fa-lock-open text-success")" />When inspecting the elements the class doesn't change when clicking it from lock to unlock and vis versa but again the background of the card it's on does so Folder.Locked is changing but the icon class doesn't.
Also when I first navigate to the page it doesn't show any of the icons even though they are in the source. I have to control F5 for them to show up. However this issue goes away if I have the data-enhance-nav="false" in my body but not sure if that'll affect other things so would be nice to not have to do that I guess.
I'm pulling in font awesome version 6.7.2 from cloudflare cdn.