From 149004f2678d764c07a8217bc9bbb5de70365132 Mon Sep 17 00:00:00 2001 From: Mark Eaton Date: Mon, 23 Feb 2026 11:30:59 -0500 Subject: [PATCH] fix dropdown fade by moving transition to higher-specificity selector The .fade transition (one class) was being overridden by a later .dropdown-menu rule (also one class) that set transition to only background-color. Moving the opacity transition into .dropdown-menu.fade (two classes) ensures it wins regardless of cascade order. Co-Authored-By: Claude Opus 4.6 --- groups/home/bootstrap5/home1.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/groups/home/bootstrap5/home1.css b/groups/home/bootstrap5/home1.css index 2bad966..69b4cfa 100644 --- a/groups/home/bootstrap5/home1.css +++ b/groups/home/bootstrap5/home1.css @@ -90,16 +90,14 @@ position: absolute; top: 100%; margin-top: 0; + transition: opacity 0.5s ease, background-color 0.2s ease; + -webkit-transition: opacity 0.5s ease, background-color 0.2s ease; } .show > .dropdown-menu.fade, .dropdown-menu.fade.show { pointer-events: auto; opacity: 1; } - .fade { - transition: opacity 0.5s ease; - -webkit-transition: opacity 0.5s ease; /* Safari */ - } /* Show dropdown on hover AND keyboard focus (WCAG 2.1.1) */ .dropdown:hover .dropdown-menu, .dropdown:focus-within .dropdown-menu {