Hi,

I'm using a Wishlist in a new website that I'm working on, but I'm having a problem with the UI state, on mobile only.

It's easier to show what I mean.

In the fullscreen video all is working as expected, click the Wishlist button, item is added to the Wishlist and the button turns red to indicate as such.

But on mobile I have to click away from the button for the UI to update, as show in the mobile screen video.

I have no idea why I'm seeing these differences between a standard screen and a mobile screen 🤷‍♂️

Any ideas on why this might be happening? Or how I should go about debugging this issue (I can see that the state is updating as expected)?

The DOM is updating with the expected class names and state updates as expected, the UI just doesn't change.

Thanks