Topic: mdb-select into mdb-accordion
Hector@cube-usa.com free asked 5 years ago
mdb-select into mdb-accordion does not show properly
Code:
... <div class="row mb-2">
<div class="col-md-12">
<mdb-accordion [multiple]="false" >
<mdb-accordion-item [collapsed]="false" [customClass]="'z-depth-1'">
<mdb-accordion-item-head [customClass]="'grey lighten-4 border-0'">Filters</mdb-accordion-item-head>
<mdb-accordion-item-body (animationStateChange)="onAnimationStateChange($event)">
<div class="row">
<div class="col-md-6">
<mdb-select [multiple]="true" [filterEnabled]="true" [options]="optionsSelect" placeholder="Choose your option"></mdb-select>
</div>
</div>.............
Damian Gemza staff answered 5 years ago
Dear @Hector@cube-usa.com
Please use the [appendToBody]="true"
input on mdb-select
element to resolve this problem.
This input is necessary to use when you want to use mdb-select
inside element which has overflow styles (like an accordion).
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.5.4
- Device: PC
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No