mdb-select Outline Select not scrollable with touch

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: mdb-select Outline Select not scrollable with touch

yoni45 asked 6 years ago

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).

Marta Szymanska staff pro premium answered 6 years ago

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

viraja answered 5 years ago

same problem..Unable to scroll the dropdown in mobile device..Any solution?

Krzysztof Wilk staff commented 5 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
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • 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
Tags
select dropdown-select outline-select
Related topics
0
obtaining option value via javascript with select
0
Server-side Select Validation
0
Select Dropdown In Popover Hidden (z-index issue)
0
Multi Select Setting Values
0
Validation Message is not showing from server side for Select list, but server validation message is showing on input fields and textarea
About author
yoni45
36Support score
6Questions 0Answers
0Snippets likes 1Snippets