When section is expanded, overflow: hidden (among other differences) is added in Firefox but not Chrome
xenia1 opened this issue · 2 comments
Hi,
I ran into the following issue in Firefox (v 124-124.0.1):
I have a dropdown within a collapsible section. The part of the dropdown which is outside the slide container is cut off in Firefox but not in Chrome:
a) Firefox -
b) Chrome -
It looks like the reason is that in Firefox, some additional CSS classes are added which are not added in Chrome. Additionally, the state is not the same (expanded/collapsed in Chrome vs expanding/collapsing in Firefox):
a) Firefox -
b) Chrome -
Replication
You can see this effect in the stackblitz link provided on the github readme if you inspect one of the sections:
a) Firefox -
b) Chrome -
Please can anything be done about this so that Firefox is consistent with Chrome, i.e. it doesn't have those additional classes? Or is there an appropriate workaround I can use?
Thanks!