Topic: mdb-select into mdb-accordion
                  
                  Hector@cube-usa.com
                  free
                  asked 6 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 6 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