Hover state behavior when applying other state

Ask us anything
1

I’m trying to apply different states to a custom component (acting as a button).

I have the hover state set up and it’s working fine.
I’m trying to create an ‘active’ and ‘inactive’ state that will change color properties and such.

My problem being : The moment I enable another state to the button, the hover state stop being triggered by ‘on over’ events. It’s like my custom state (when ‘on’) overwrites the hover state.

Any insights ?
Thanks :slight_smile:

There seem to be a previous post about this, with no replies or comments from the Weweb team : https://community.weweb.io/t/hover-isnt-active-from-another-state

2

Hey, I think the issue is with how CSS works. A.k.a the last state is the one that overwrites all the ones before. You might want to place your hover last I think, this will make it “overwrite” all the other ones. The states are draggable :slight_smile:

1 Like
3

Thanks ! That is good to know. Seems to be working.

1 Like
4

This helped me too! Thanks