metismenujs icon indicating copy to clipboard operation
metismenujs copied to clipboard

'prefers-reduced-motion' and transition-duration: 0s

Open ciar4n opened this issue 3 years ago • 0 comments

Describe the bug Appears to be an issue if the following is part of the CSS and reduced motion is enabled on the OS...


@media (prefers-reduced-motion: reduce) { 
   *, ::before, ::after { 
     transition-duration: 0s !important; 
   } 
 }

The first event on the menu works fine but after that, nothing, the menu completely freezes up with no errors. Strangely works fine if transition-duration: 0.000000001s, just not with transition-duration: 0s

Expected behavior Menu works fine with no animations

Desktop (please complete the following information):

  • OS: Windows 10]
  • Browser CHrome / Firefox (latest)
  • Latest

ciar4n avatar Feb 18 '21 21:02 ciar4n