react-spectrum
react-spectrum copied to clipboard
'TextField' focus does not change border color (TW starter kit)
Provide a general summary of the issue here
When focusing the TextField component in your Tailwind CSS starter kit, the border-gray-600 class is not applied (strangely for SearchField it works as expected) - this seems to affect the starter kit for download as well as the repository, but not the online demo ๐ค
https://github.com/adobe/react-spectrum/assets/122524301/efc9a088-4612-49b3-8d6b-e4b693cb6a0d
๐ค Expected Behavior?
Dark color (border-gray-600) being applied to the border when TextField receives focus
๐ฏ Current Behavior
Light color (border-gray-300) remains unchanged when TextField receives focus
๐ Possible Solution
No response
๐ฆ Context
No response
๐ฅ๏ธ Steps to Reproduce
Just try out the starter kit from the website or inside the repository, go to TextField component, click inside - nothing changes
Version
3.33.0 / 1.2.0
What browsers are you seeing the problem on?
Firefox, Chrome
If other, please specify.
No response
What operating system are you using?
macOS
๐งข Your Company/Team
No response
๐ท Tracking Issue
No response