Topic: Angular material select doesn't opens in dialog

Eden Nahum free asked 4 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:

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

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

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.


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



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