mdb-select scroll bar in modal dialog


Topic: mdb-select scroll bar in modal dialog

Lalith Tenneti asked 5 years ago

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>

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


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.

enter image description here

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 :)

enter image description here


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.


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 Angular
  • MDB Version: 7.5.4
  • Device: desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No