Topic: MDBStepper Jumps.... Bug?
Expected behavior When progressing through steps in MDBStepper, the size of the stepper should automatically resize to the size of the content.
Actual behavior When progressing through the steps in MDBStepper, the size of the step "jumps" and does not show the entire form. However, if I resize my browser, the full form will show again.
Example code can be found here: https://mdbootstrap.com/snippets/vue/abnewkirk/3729892
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Closed
Specification of the issue
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB5 1.9.0
- Device: MacBook Pro (13-inch, 2020)
- Browser: Chrome v98.0.4758.109
- OS: MacOS Monterey
- Provided sample code: No
- Provided link: Yes
Mikołaj Smoleński staff commented 2 years ago
It looks like your example is working correctly in the snippets editor, am I right?
Keep coding, Mikołaj from MDB
abnewkirk priority commented 2 years ago
It was not working correct when I posted it, but now it looks like it was somehow deleted. I'll try to recreate it again and post it here.
abnewkirk priority commented 2 years ago
Here is the new snippet. It's still happening here too: https://mdbootstrap.com/snippets/vue/abnewkirk/3733754
I should also note that this is occurring in Chrome, Firefox and Safari, and only occurs when I use the "linear" property for validation. If I remove the "linear" property, I still get the horizontal stepper, but without the validation (as expected), and no jumping.
Mikołaj Smoleński staff commented 2 years ago
@abnewkirk I still can't recreate the issue, both in snippets createor and in clear project with MDB Vue UI KIT.
Keep coding, Mikołaj from MDB
abnewkirk priority commented 2 years ago
Figured out a workaround and just created my own validation :) Thanks for the help with this one!