glints-aries
glints-aries copied to clipboard
Stuck hover state for touch screen devices
Steps to reproduce:
- Open this link in a touch screen device or chrome's virtual device: http://aries.glints.design/?path=/docs/general-button--solid-blue#variants
- Click on the Ghost variant button.
- Now after clicking the Button background remains Blue. Expected behaviour: Background should return to white after clicking on it.
Reason seems to be the style get stuck in hover state on touch screen devices.
Using something similar to should solve the problem:
@media (hover: hover) {
&:hover {
/* add hover state styles here */
}
}