From 96f91138dd0ffe5320178fad7f51b9f5468df3de Mon Sep 17 00:00:00 2001 From: Sli Date: Wed, 11 Jun 2025 00:20:46 +0200 Subject: [PATCH] Fix accordion transition on chrome --- core/static/core/accordion.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) 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