react-spectrum icon indicating copy to clipboard operation
react-spectrum copied to clipboard

'TextField' focus does not change border color (TW starter kit)

Open CHE1RON opened this issue 1 year ago โ€ข 0 comments

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

CHE1RON avatar May 22 '24 08:05 CHE1RON