[sparkle] Take focus in modal over close button (#8772)

dust-tt · Nov 21, 2024 · 0eea1c4 · 0eea1c4
1 parent 18fd03a
commit 0eea1c4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
diff --git a/sparkle/package.json b/sparkle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.318",
+  "version": "0.2.319",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

diff --git a/sparkle/src/components/Modal.tsx b/sparkle/src/components/Modal.tsx
@@ -178,8 +178,10 @@ export function Modal({
                 }
               />
               <div
+                tabIndex={1}
+                autoFocus
                 className={classNames(
-                  "s-pb-6 s-pt-16",
+                  "s-pb-6 s-pt-16 focus-visible:s-outline-none",
                   innerContainerClasses,
                   className ?? ""
                 )}