Topic: mdb-select Outline Select not scrollable with touch
I have a slightly longer list than the select shows inside a stepper, and it doesn't allow the user to scroll the list on mobile. As soon as a touch is detected, it auto-selects the option touched instead of letting the user drag the dropdown.
There was a similar issue for which the solution was to set a max-height and overflow-y attributes, and I tried setting the 'select-dropdown dropdown-content' class to have a max-height and an overflow-y to scroll. This doesn't seem to help -- while it creates a scrollable dropdown, touch-drag still doesn't work and simply selects the the first thing touched.
You can find a live sample on our website here: https://harvardready.com/lsat-courses/registration
Click to Step 2 of the stepper to find the select box. Currently, I removed the max-height and overflow-y properties, but you can splice them in using the developer console to see that it doesn't resolve the issue.
Basically I'm looking for a way to get the 'selection' to trigger not when it's initially touched, but when it's tapped (and not on drags).
Hi,
I see this bug on my mobile phone and I can assure you that we will fix this error as soon as possible. For now, I don't have a good workaround for this, but we will find a solution within the next two weeks and present this solution in the release which will be at the beginning of June. I'm sorry for the bugs.
Best, Marta
yoni45 commented 6 years ago
Hey Marta -- I did a bit more digging and found the issue was actually on my end. I've got an overwrite javascript file to expand some of the options you guys have in your select dropdowns, and it looks like it needed to be updated from an older version of mdbootstrap.
Thanks for looking into it!
Marta Szymanska staff pro premium commented 6 years ago
Hi, I'll look into this. Best, Marta
same problem..Unable to scroll the dropdown in mobile device..Any solution?
Krzysztof Wilk staff commented 6 years ago
Hello, have you got a problem with your own, particular case or even this page in case above doesn't want to scroll? If you have own case, can you describe it? It'll be helpful
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.0
- Device: Desktop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes