-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Setting the states.active.filter.type to 'none' does not work #180
Comments
I cannot reproduce this issue. Can you create a codepen, please? |
https://codepen.io/anon/pen/RemGxm You need to enable the responsive mode in chrome. Then try to click the blue circle with the round mouse cursor. The hover effect will become active. I can fix this by changing type none to darken or if I also put
there. But the hover effect should probably not be activated by clicking. |
The hover effect is not activated by the click, but it is activated when you move the mouse over the path. So, if you don't want any states, then turning off both active and hover is the correct configuration. states: {
hover: {
filter: { type: 'none' }
},
active: {
filter: { type: 'none' }
},
} |
No, in responsive mode, there is no hover (as of touch mode with smart devices). I agree that hover will be activated when you are in desktop mode and just move the mouse over the path. |
@johuhype I misunderstood your previous comment. It's clear now. |
Fixed in 2.2.0 |
Type 'none' for the active state does not work:
Instead of nothing happening, the selected item will get highlighted.
However, it is possible to use type-darken and value 1 as long as its not working. This will get the desired none effect:
states: {
active: {
filter: { type: 'darken', value: 1 }
}
}
The text was updated successfully, but these errors were encountered: