#Strange UI State Behaviour on Mobile Only

5 messages · Page 1 of 1 (latest)

hexed summit
#

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

red jacinthBOT
#
Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

hexed summit
gritty rune
#

I think it's due the default hover effect: hover:bg-fabred, the hover effect on touch devices is kinda different, you must click on another place in order to update it

hexed summit