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.)

https://mdbootstrap.com/snippets/standard/itsme/3919781


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.

FREE CONSULTATION

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

Status

Answered

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