Topic: Searching in select component on touch devices

zitoig priority asked 3 years ago


Expected behavior

On touch devices (with virtual keyboards) the select-options should stay visible, when searching in an mdb-select component. It should not be hidden under the virtual keyboard. Or at least the user should be able to scroll to the select element, while the options stay visible.

Actual behavior

As soon as the user scrolls to the select component, the options are hidden

Resources (screenshots, code snippets etc.) Video to show the issue: https://youtu.be/KG2R-0yfppU

Does somebody had the same issue? Maybe a workaround?

My options list in the select component can be really long, so it is important to make it searchable, especially on mobile devices.


Mikołaj Smoleński staff commented 3 years ago

Thanks for reporting an issue. We will add it to our list of features to do. For this moment, the best workaround I can suggest is to prepare a custom search box for filtering select options before opening it.

Best regards



Please insert min. 20 characters.

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: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: 6.7.2
  • Device: S9
  • Browser: Chrome
  • OS: Anroid
  • Provided sample code: Yes
  • Provided link: Yes