From 618ba90508858925d1e47495d42d951f4b0e45bf Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 6 Feb 2024 22:44:50 -0600
Subject: [PATCH] Fix outline flashes in tag input

---
 src/components/TagInput.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/TagInput.tsx b/src/components/TagInput.tsx
index 9a682a58..a1e6ebf2 100644
--- a/src/components/TagInput.tsx
+++ b/src/components/TagInput.tsx
@@ -214,7 +214,8 @@ export default function TagInput({
         className={clsx(
           className,
           'w-full control !px-2 !py-2',
-          'group-focus-within:outline outline-1 outline-blue-600',
+          'outline-1 outline-blue-600',
+          'group-focus-within:outline group-active:outline',
           'inline-flex flex-wrap items-center gap-2',
           readOnly && 'cursor-not-allowed',
           readOnly && 'bg-gray-100 dark:bg-gray-900 dark:text-gray-400',