Topic: mdb-select inside mdb-accordion doesn t work

geoffrey.seynhaeve free asked 5 years ago


Hello,

I try to integrate a mdb-select inside mdb-accordion. I have a problem on the display of Multi select element. Multi select appear with a scroll bar when i click to open the select. This element work outsite accordion but inside i have this problem.

Can you help me pls ?


Damian Gemza staff answered 5 years ago


Dear @geoffrey.seynhaeve 

This problem is caused by overflow: hidden on .sb-item.body class. This style hides all content which would overflow the accordion item height.

Unfortunately, for now, I can't provide you ready-to-use answer, because we have to resolve this problem in our code.

As a workaround, I would advise you to set overflow: unset !important on .sb-item-body class.

This will break a little of accordion animation, but your select will be visible.

Please try to add the below code into your styles.scss stylesheet:

.sb-item-body {
overflow: unset !important;
}

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: Desktop
  • Browser: chrome
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No