Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add not-focus-visible variant to Tailwind plugin #2618

Merged
merged 1 commit into from
Jul 27, 2023
Merged

Conversation

bradlc
Copy link
Contributor

@bradlc bradlc commented Jul 27, 2023

This is useful for using browser-default focus styles, but disabling them when the focus visible state is not active, i.e. ui-not-focus-visible:outline-none

I have also moved the focus-visible variant out of the state loop

@bradlc bradlc requested a review from RobinMalfait July 27, 2023 09:28
@vercel
Copy link

vercel bot commented Jul 27, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
headlessui-react ✅ Ready (Inspect) Visit Preview Jul 27, 2023 9:28am
headlessui-vue ✅ Ready (Inspect) Visit Preview Jul 27, 2023 9:28am

Copy link
Collaborator

@RobinMalfait RobinMalfait left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch on moving it outside of that loop! Looks good to me!

Made a quick Tailwind Play to see the difference and seems to work as expected: https://play.tailwindcss.com/hTQFhJ775F

@bradlc bradlc merged commit 685a6a8 into main Jul 27, 2023
7 checks passed
@bradlc bradlc deleted the not-focus-visible branch July 27, 2023 09:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants