Why don't my on states work on mobile?

Oct 20, 2022

I do this quite a lot, I dunno if its a common technique or what but I like to use custom states to make an over/on (like the default hover/down but better) and using states and ifs I can make the selected one stay lit up and not change to hover when its selected quite easily.

Here's a link to an example


What I've noticed through and struggled to figure out is this works fine on desktop. Click an option, it highlights and all the other over states keep working. However it doesn't do this on mobile. All the buttons still work and the over state comes in when you press it but the on state never comes in. This is doubly confusing because the content of the main box is dependent on which selection box is currently "on".


I've attached this page in isolation if any wants to see if they can see what's going on or is this just a foible of mobile and there's not much can be done?



1 Reply
Jürgen Schoenemeyer

have a look


last post:

The hover state works on mobile devices as long as there isn't an on-click trigger on the same object.

you could try to use the 'built in' hover state without trigger