Repository navigation
TextArea: grey placeholder, matching TextInput (2.6.3) - #132
Merged
Merged
Conversation
TextArea set no placeholder colour on an enabled field, only disabled:placeholder:text-gray-300, so the placeholder took the typed-text colour and looked like real content. Both textarea branches (with and without a label) now add placeholder:text-gray-500, the same class TextInput uses. TextInput sets no explicit typed-text colour, so nothing else changes. The disabled rule (.disabled\:placeholder\:text-gray-300:disabled::placeholder) is more specific than the new one, so disabled fields still show gray-300. Adds TextArea tests and bumps the version to 2.6.3. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
jules-exel
approved these changes
Oct 21, 2026
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
TextAreagave an enabled field no placeholder colour (onlydisabled:placeholder:text-gray-300), so the placeholder took the typed-text colour and looked like real content.placeholder:text-gray-500, the classTextInputuses.TextInput/InputFieldset no explicit typed-text colour, so the value colour is unchanged.gray-300. The generated rule.disabled\:placeholder\:text-gray-300:disabled::placeholderis more specific than.placeholder\:text-gray-500::placeholderand comes later in the CSS, so it wins regardless of class order (TextArea usesclassnames, nottailwind-merge, so both classes stay on the element).Bumps the version to 2.6.3 and adds a CHANGELOG entry.
Testing
tsc --noEmit --skipLibCheckis clean.vitest run: 112/112 pass, including 3 newTextAreatests (placeholder class with and without a label, and the disabled class kept alongside it).yarn buildandyarn lintpass; checked the generateddist/tailwind.cssfor both rules and their selectors.🤖 Generated with Claude Code