diff --git a/.changeset/shy-llamas-laugh.md b/.changeset/shy-llamas-laugh.md new file mode 100644 index 000000000..fa7b73a31 --- /dev/null +++ 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 index d1dd43851..6febe2c95 100644 --- 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]; + } }