Topic: MDBSelect Options are not visible

Globewyze priority asked 1 year ago

Expected behavior enter image description here Actual behavior enter image description here Resources (screenshots, code snippets etc.)

Krzysztof Wilk staff commented 1 year ago


Could you provide a code example for your problem? I'm afraid we can't do much without it right now :(

Globewyze priority commented 1 year ago

I just shared the simple code. Noting special. The last option is always hidden

Krzysztof Wilk staff answered 1 year ago


The problem is caused by the .select-options-wrapper element which max-height isn't properly calculated. You can still scroll it using the mouse wheel. We'll fix that in the next release.

For now, you can add this simple CSS rule to fix that temporarily:

.select-options-wrapper {
  max-height: 76px !important;

Sorry for that inconvenience.

Globewyze priority answered 1 year ago

        placeholder="Select Crew Cheif"
        data={[{text:"Abc", value:1}]}

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 4.1.0
  • Device: Lenovo Thinkpad T470
  • Browser: Google Chrome, Microsoft Edge
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No