diff --git a/core/static/core/accordion.scss b/core/static/core/accordion.scss index 17443e5e..c19e10ca 100644 --- a/core/static/core/accordion.scss +++ b/core/static/core/accordion.scss @@ -57,4 +57,17 @@ details[open].accordion>.accordion-content { // will create a strange behavior where the transition // continues without being shown, creating inconsistenties transition: all 300ms ease-out; +} + +// For some reason, it's still not enough for chrome +// We repeat duplicate the transition again but only for chrome +// And since everything with ::details-content crashes firefox +// we put this at the end so it doesn't break the previous code +details.accordion::details-content { + opacity: 0; +} + +details[open].accordion::details-content { + opacity: 1; + transition: all 300ms ease-out; } \ No newline at end of file