MDBSelect Options are not visible

Topic: MDBSelect Options are not visible

Globewyze priority asked 2 years ago

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

Krzysztof Wilk staff commented 2 years ago

Hi!

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

Globewyze priority commented 2 years ago

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

Add comment

Krzysztof Wilk staff answered 2 years ago

1 0 Best answer

Hi!

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.

Add comment

Globewyze priority answered 2 years ago

0 0 Best answer

    <MDBSelect
        multiple
        search
        placeholder="Select Crew Cheif"
        data={[{text:"Abc", value:1}]}
     />

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

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

Globewyze

7Support score
8Questions 1Answers 0Snippets