Topic: MDB-Select gets cut off inside Horizontal Stepper
Expected behavior
MDB-select dropdown should overflow past stepper boundaries.
Actual behavior
MDB-select dropdown gets cut off inside a stepper at the "step" boundary.
Resources (screenshots, code snippets etc.)
Snippet here: https://mdbootstrap.com/snippets/jquery/yoni45/2097115
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.14.1
- Device: Desktop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes
Grzegorz Bujański staff commented 4 years ago
Hi. You can try to add the
horizontal-fixclass to the stepper, init select before the stepper and show only 5 options. But it doesn't work on your snippet. Your code apparently overwrites somethingyoni45 free commented 4 years ago
Hey Grzegorz!
I'm not sure what you mean by code overwrite -- just in case, I just redownloaded the .js from my 'orders' and pasted it in directly, just in case -- it's entirely stock! =)
I tried adding 'horizontal-fix' to the stepper and swap the initialization order, but all that seems to do is just increase the height of the whole stepper?
Grzegorz Bujański staff commented 4 years ago
Now try set
visibleOptions:6