Topic: mdb-select scroll bar in modal dialog
Expected behavior Scroll bar always visible Actual behavior The select box drop down in a modal dialog has around 20 items. the scroll bar shows up only after selecting an item and then click on the drop down the second time. Since the drop down goes below the visual range in the browser, it is causing inconvenience to the user. Any help is greatly appreciated. Resources (screenshots, code snippets etc.)
<mdb-select type="number" mdbValidate class="mdb-select font-weight-normal form control" id="category" [options]="categoryOptions"
placeholder="Type" formControlName="formModalCategory">
<!--<option selected>Open this select menu</option>-->
</mdb-select>
Sorry! I think I logged in with different user that I registered for the free library. My Order is #83898 with email lalithkx@hotmail.com.
AFter selecting an option and try to reselect we see the second image which has the scroll bar. We would like to have the scroll bar the first time too :)
Arkadiusz Idzikowski staff commented 5 years ago
Thank you for the details, we will take a closer look at that.
Do you use version 7.5.4?
Lalith Tenneti commented 5 years ago
I thought I was on 7.5.4 but I was on 7.5.3 currently and angular core 7.2.5. I just upgraded to 7.5.4 and the behavior is as expected. Thx for the pointer.
Bartosz Termena staff commented 5 years ago
If you are using MDB Version: 7.5.3, change it to the latest, the problem was fixed in one of the earlier versions.
Hope it helps!
Best, Bartosz.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.5.4
- Device: desktop
- Browser: chrome
- OS: windows
- Provided sample code: No
- Provided link: No
Arkadiusz Idzikowski staff commented 5 years ago
Could you provide a screenshot of the unexpected behavior?
MDB select is pro component and according to our system, you use free version. Please, provide us a number of your order or registered email so we can fix that. You can send it to me on a.idzikowski@mdbootstrap.com