From 439531c32e0ff2b0d2f9bfba8cfa45f0ca898e22 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.net>
Date: Tue, 19 May 2026 02:08:53 +0000
Subject: fix(dropdown): scoped transition restores border-radius animation

Dropdown items add border-radius: 8px on hover. The pre-485f1b11
:global(a) transition: all rule used to animate the corner rounding;
the narrowed list excluded it. Adds a scoped transition on
.dropdown-content a that mirrors the global anchor list plus
border-radius, so the corner rounding eases in over 150ms instead of
snapping. CommandPalette dropdown sets border-radius in base state so
is unaffected.
---
 src/lib/Layout/Dropdown.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'src/lib/Layout/Dropdown.svelte')

diff --git a/src/lib/Layout/Dropdown.svelte b/src/lib/Layout/Dropdown.svelte
index dcdd7f7c..6e06249a 100644
--- a/src/lib/Layout/Dropdown.svelte
+++ b/src/lib/Layout/Dropdown.svelte
@@ -199,6 +199,12 @@ const handleItemKey = async (e: KeyboardEvent, index: number) => {
     padding: 0.5em 0.75em;
     text-decoration: none;
     display: block;
+    transition:
+      color var(--duration-fast) var(--ease-in-out-quart),
+      background-color var(--duration-fast) var(--ease-in-out-quart),
+      opacity var(--duration-fast) var(--ease-in-out-quart),
+      text-decoration-color var(--duration-fast) var(--ease-in-out-quart),
+      border-radius var(--duration-fast) var(--ease-in-out-quart);
   }
 
   .dropdown-content a:focus-visible {
-- 
cgit v1.2.3

