dropdown search in accordion not working properly in reactive
Application Type

Dropdown search in accordion not working properly in reactive

If we use dropdown search In accordion than full list of dropdown search content will not show because of overflow property set as hidden on accordion.

 after that I replace,

.section-expandable .section-expandable-content {overflow: hidden;} 


.section-expandable .section-expandable-content {overflow: visible;}

Now Dropdown search list content shown properly but accordion UI getting disturbed when open and close to the accordion. 

Need to fix into the Outsystems UI.


Hi, have you tried giving the dropdown container a minimum height, let me know if it works. Greetings. 

Psd: To make it easier to help you, you could share an oml demo.

Hi @Cristian Angel Puma Villalva 

Thanks for your response. I have try this but content is hide because of Overflow: hidden


Hi @Ankit Maharshi,

I have attached the sample oml for you.

Please have a look, I hope this helps because for me drop down search is working fine with accordion.


Manish Jawla


Hi @Manish Jawla,

Thanks for your response, but after clicking on the search drop-down, extra space will generate for remaining part and UI will disturb for the other element on expand and collapse. 

I have attached the sample PNG image  


Hi @Manish Jawla and @Cristian Angel Puma Villalva 

I have attached the oml file and I use this extra CSS to resolve this 



.section-expandable-content .choices__list--dropdown.is-active {
    position: absolute;
.section-expandable .section-expandable-content {
    overflow: visible;
/*Dropdown will open at bottom side only*/
.is-flipped .choices__list--dropdown{
top: 100% !important;
bottom: auto !important;

/*Accordion expand and collapse animation speed*/
.section-expandable .section-expandable-content.is--expanded[aria-hidden="false"] {
    opacity: 1;
    transition-duration: 0s;
.section-expandable.is--closed .section-expandable-content.is--collapsed[aria-hidden="true"] {
    opacity: 0;
    transition-duration: 0s;


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.