Topic: Angular material select doesn't opens in dialog

Eden Nahum free asked 3 years ago


Expected behavior Hello,When im using material select inside a dialog, the select doesn't opens. When im using it inside a regular component the select works correctly.

Also, when im using default select inside a dialog it works correctly.

the code from:https://mdbootstrap.com/docs/angular/forms/select/

   <div class="md-form">
    <mdb-select-2 placeholder="Choose your option" label="Example label"  style="z-index: 1500;">
      <mdb-select-option *ngFor="let option of options" [value]="option.value">{{ option.label }}</mdb-select-option>
    </mdb-select-2>
  </div>

and ts:

 options = [
{ value: '1', label: 'Option 1' },
{ value: '2', label: 'Option 2' },
{ value: '3', label: 'Option 3' },

];

What should i do? I need this material select for this project.


Arkadiusz Idzikowski staff answered 3 years ago


We are already aware of this problem and we are working on a fix. As a workaround for now please try to use solution with z-index suggested here:

https://mdbootstrap.com/support/angular/mdb-select-2-not-showing-any-values-in-dropdown/


rrosales free commented 3 years ago

I have the same issue that report @Eden Nahum


Arkadiusz Idzikowski staff commented 3 years ago

This problem will be resolved in the next fix release (probably 31.08).



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.3.1
  • Device: PC
  • Browser: chrome
  • OS: windows 10
  • Provided sample code: No
  • Provided link: Yes