glints-aries icon indicating copy to clipboard operation
glints-aries copied to clipboard

Stuck hover state for touch screen devices

Open thedeveloperr opened this issue 4 years ago • 1 comments

Steps to reproduce:

  1. Open this link in a touch screen device or chrome's virtual device: http://aries.glints.design/?path=/docs/general-button--solid-blue#variants
  2. Click on the Ghost variant button.
  3. 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.

thedeveloperr avatar Nov 17 '21 06:11 thedeveloperr

Using something similar to should solve the problem:

@media (hover: hover) {
  &:hover {
    /* add hover state styles here */
  }
}

thedeveloperr avatar Nov 17 '21 06:11 thedeveloperr