We have a list of accordions in our application and we noticed if we closed and opened the first accordion the elements inside the accordion are sometimes not shown when using Firefox. After closer examination I noticed that the is-expanded class is added to the div, however the is-collapsed class is not removed, meaning a display:none css class is added to the div inside the accordion.

The class of the accordion looks like this: "class=osui-accordion-item__content osui-accordion-item__content--is-collapsed osui-accordion-item__content--is-expanded" 

(notice both collapsed and expanded is added).

I have fixed it with a workaround by adding:

.osui-accordion-item__content--is-expanded > div {  

display: block !important;

}

this overwrites the collapsed class that is in outsystems ui that looks like this:

.osui-accordion-item__content--is-collapsed > div {

  display: none;

}

Would someone be able to tell me why this happens, or is this something that is handled wrong by the component?

Thanks in advance!