modal btn init outline focus style (skeletonlabs#2065)

Carlosg19 · Oct 22, 2023 · 9e7b548 · 9e7b548
1 parent 760e77e
commit 9e7b548
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/shy-llamas-laugh.md b/.changeset/shy-llamas-laugh.md
@@ -0,0 +1,5 @@
+---
+"@skeletonlabs/tw-plugin": patch
+---
+
+chore: Updated modal focus state style
diff --git a/packages/plugin/src/styles/components/modals.css b/packages/plugin/src/styles/components/modals.css
@@ -14,4 +14,10 @@
 	.w-modal-wide {
 		@apply w-full max-w-[80%];
 	}
+
+	/* Provides initial focus selection styles on opening the modal */
+	.modal *:focus:not([tabindex='-1']):not(.input):not(.textarea):not(.select):not(.input-group) {
+		outline-style: auto;
+		@apply outline-[-webkit-focus-ring-color];
+	}
 }