Topic: Stepper not working with prefers-reduced-motion

Jursa priority asked 2 years ago

Hi everyone,

we are using the stepper component and are experiencing problems both when viewing it over RDP connections and - under certain circumstances - locally, too. This behavior also applies to the stepper docs on your site: previous steps do not disappear

Reason is, there is a media query ("prefers-reduced-motion") killing off all animations. At the same time, the stepper component relies on the "animationend" event for setting the previous step to "display: none".

A fix for this would be highly appreciated.

Expected behavior The stepper component should work also when the prefers-reduced-motion media-query comes into effect.

Actual behavior The previous step stays visible.

Resources (screenshots, code snippets etc.)

Dawid Wajszczuk staff answered 2 years ago


Thanks for reporting this. I have added this to our TODO list.

Keep coding,

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes