Topic: Stepper prevent default

alex_wearelanded priority asked 3 months ago

 document.querySelector('.stepper').addEventListener('stepChange.mdb.stepper', (e) => {
    if(e.nextStep == 3){


This works currently when i click from stepper 0 to 3, but if i click from stepper 4 to 3, it runs this code hits the preventdefault but still opens the stepper? why is this, ideally it shouldnt, strange works correctly as i say clicking into 3 from 0 but not 4 to 3

Grzegorz Bujański staff answered 3 months ago

Can you prepare a snippet in which I can reproduce this issue? I created a snippet that will do e.preventDefault for a step with index 3 and it works fine for me:

alex_wearelanded priority commented 3 months ago

Hello Grzeogorz,

i have seen your snippet, however the condition you have do not match my descriptions, can you try changing your step in ur js to 2 then click from step 3 to 2 in that order and see if it works,

Grzegorz Bujański staff commented 2 months ago

Everything seems to be working. Maybe I don't understand the problem exactly or I created the snippet incorrectly. Please create your own snippet and describe step by step what I should do to reproduce the issue.

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 7.1.0
  • Device: mac
  • Browser: chrome
  • OS: big sur
  • Provided sample code: No
  • Provided link: No