Topic: Angular material select doesn't opens in dialog
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.
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 commented 4 years ago
I have the same issue that report @Eden Nahum
Arkadiusz Idzikowski staff commented 4 years ago
This problem will be resolved in the next fix release (probably 31.08).
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: 9.3.1
- Device: PC
- Browser: chrome
- OS: windows 10
- Provided sample code: No
- Provided link: Yes