Issue with 'Bootstrap Select' (mdb-select) on mobi


Topic: Issue with 'Bootstrap Select' (mdb-select) on mobiles: closes instead of scrolls

Kneidels pro asked 6 years ago

On Chrome / Android (possibly on other platforms too), where there is a long list to choose from , which has the 'mdb-select' class applied, when you try to scroll the list up to see the lower down options (which are currently below the bottom of the screen) - the menu just closes and you cannot select them.This is a huge usability issue.Here is a sample of what i mean: https://youtu.be/XvV-vADTAZo

i assume that when in mobile mode (or anytime, i guess), the menu should calculate how much space is available till the end of the page and not open beyond that, and to allow inner-scrolling, without closing the menu on-touch to inner-scroll.

please check this ASAP

Thanks!


Piotr Glejzer staff commented 6 years ago

We will try to fix this as soon as possible and I have a question. Which version do you use?


Kneidels pro commented 6 years ago

Thanks - its actually a HUGE issue - one cannot make selections at all. Using 4.7.4


Piotr Glejzer staff commented 6 years ago

Please check version 4.7.5+


josefranco pro commented 6 years ago

I've the same problem, already updated to 4.7.6 but select closes instead of scrolling.


avalonstudios pro commented 6 years ago

@Piotr Glejzer 4.7.5 has another issue = select dropdown requires two clicks to open. Please solve this because I'm desperate trying to get this to work properly for a client with a live website (using 4.7.6).


Piotr Glejzer staff commented 6 years ago

Hi,
we know about these bugs. These bugs from Chrome version 73. There is a problem with regression with events. See this :
https://bugs.chromium.org/p/chromium/issues/detail?id=941910 https://bugs.chromium.org/p/chromium/issues/detail?id=946459
This is not our fault that is not working properly for now. We try to fix this.


josefranco pro commented 6 years ago

Is not only Chrome v.73. I've tried and get the same behavior of the select component with lot of options (example: https://veran.xuventudevigo.org/nenosSeleccionar.php) in mobiles that i use for tests with Chrome 45 and Samsung browser 9.


Piotr Glejzer staff commented 6 years ago

Thanks for a report, we have a lot of bugs to fix but we almost have done and we will look into this too. Have a nice day.


Kneidels pro commented 6 years ago

Thanks. I just want to stress how critical this is - selections cannot be made for long drop downs! It works once out of 10 times maybe ...


Piotr Glejzer staff commented 6 years ago

I checked the mobile version on my Android 8+ ( Honor ) with Chrome 73.0.3683.90 and I don't have this problem.. What version of android do you use?


Piotr Glejzer staff commented 6 years ago

and material select on your website is working properly on my smartphone.


Kneidels pro commented 6 years ago

@Piotr Glejzer - were you responding to me? i assume not, as i didnt give my web URL?

also - what version do you have? and before hand , you confirmed that this is indeed a bug and will be fixed. so has it been fixed?


Piotr Glejzer staff commented 6 years ago

I didn't check the username and I thought that josefranco was responded. But this bug is fixed. I have no problem with scroll long content on mobile with Android 8.0.0 + Chrome 73 version.


josefranco pro commented 6 years ago

Sorry It was me. I tried the new version 4.7.7 with the same result, but then I made the selection in private mode and finally I could choose all the options. Then I deleted the comment.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.5
  • Device: Android
  • Browser: Chrome
  • OS: 8
  • Provided sample code: No
  • Provided link: Yes