Stepper not working with prefers-reduced-motion


Topic: Stepper not working with prefers-reduced-motion

Jursa pro premium priority asked 3 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.) https://mdbootstrap.com/docs/standard/components/stepper/


Dawid Wajszczuk staff answered 3 years ago

Hi,

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

Keep coding,
Dawid


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • 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