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
Status
Open
Specification of the issue
- User: Pro
- Premium support: Yes
- Technology: jQuery
- MDB Version: 4.14.1
- Device: Desktop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes
Related topics
Grzegorz Bujański staff commented 10 months 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 pro premium commented 10 months 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 10 months ago
Now try set
visibleOptions:6