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

enter image description here


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


Ansuman free answered 5 years ago


Thanks a lot for saving my time.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • 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