Topic: Mobile Stepper
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
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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