itsme priority asked 2 years ago

Expected behavior The User can step through the existing steps on mobile.

Actual behavior I've got a page with an stepper element. When someone uses the mobile version of the Website, the form is submitted when hitting the first next. So the user is unable to see the next steps.

Resources (screenshots, code snippets etc.)

Grzegorz Bujański staff answered 2 years ago

Thanks for reporting this. You can find a workaround for this issue below. Unfortunately, this will only work on mobile devices, but after resizing the window below breakpoint, the problem will still persist. We will fix this as soon as possible.

const buttons = document.querySelectorAll('.stepper-mobile-footer button');
buttons.forEach((button) => {
  button.type = "button"

itsme priority commented 2 years ago

When you fix the issue, it would be great to provide variables to name the buttons, because not everybody understands english .eg. "back/next" and also "step X of Y"

Grzegorz Bujański staff commented 2 years ago

We will take this into account

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 4.0.0
  • Device: iPhone
  • Browser: Safari
  • OS: iOS
  • Provided sample code: No
  • Provided link: Yes