Push Select under input field

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Push Select under input field

webgenery asked 5 years ago

Hi Team,

We use MDB Version 4.8.5 JQuery and I wish to know if it's possible to add on option on the select to push it under the field like on my capture

enter image description here

I succeeded to change the position of the select element with a little modification but I don't know how to add a close event when I click on the field.

Is it possible to add this feature ?

Thanks :)

Mikołaj Smoleński staff answered 5 years ago

Please update to 4.8.7 which fixed some select issues.

Best regards

webgenery answered 5 years ago

Thanks Mikołaj but that's not fix my problem.

I would like to have the same result like the Outline select exemple but without the new style (without the border around)

And when you click on the field (not a select option) and the select is already open that's not close the select.

I hope my problem is understandable :)

Mikołaj Smoleński staff commented 5 years ago

Ok, now I understand the issue, but unfortunately we're not planning to add such feature, cause it would break current behavior. Best regards

webgenery commented 5 years ago

If you add an option on the MaterialSelect element named 'coverField' at true by default and when you put it at false the select dropdown is just pushed down. And with that you simply add a condition if the dropdown is already open it closes.

I think it's not really hard to do and with that the user is not forced to click next to the field to close (knowing when responsive there is not much space between the elements)

Thanks :)

Mikołaj Smoleński staff commented 5 years ago

We'll discuss this functionality in our developement team. Best regards
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.5
  • Device: Desktop
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No
Tags
select push-bottom
Related topics
7
Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user
2
MD Select showing HTML chars incorrectly on load
2
mdb-select label not wrapped with the select input with 4.8.7
2
Select selected not working !!
2
Searchable select with very large dataset
About author
webgenery
40Support score
4Questions 2Answers
0Snippets likes 0Snippets