Topic: error in stepper . Content per step overlaps previous content

Yiannis Kyriazidis free asked 1 year ago

Using the first example in stepppers :

when i click on a next step the content overlaps the previous content.

example snippet:

Expected behaviour : Only show the content for the selected step.

Michał Duszak staff commented 1 year ago

What browser are you using? Can you provide some screenshots? It looks fine for me.

Yiannis Kyriazidis free commented 1 year ago

see screenshot below

yes that worked. Had to turn on Show animations is windows . It was currently off. Cant beleive an OS setting affects the UI. Thanks

i clicked on your link. still seeing the same . Tried on google and firefox

enter image description here

Michał Duszak staff commented 1 year ago

This might be connected to Reduced motion option in your OS. You can try turning it off:In Windows 10: Settings > Ease of Access > Display > Show animationsIn macOS: System Preferences > Accessibility > Display > Reduce motion

error with stepper overlap content.

enter image description here

Michał Duszak staff commented 1 year ago

Send me above snippet. It works fine for me:

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

  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes