Skip to content

Commit 965b0b7

Browse files
CGastrellmatticbot
authored andcommitted
Forms: Fix textarea placeholders to match input placeholder styling (#46310)
* make inputs and textearea placeholders match style * Add changelog entry for forms placeholder fix 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <[email protected]> --------- Co-authored-by: Claude Sonnet 4.5 <[email protected]> Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/20269570666 Upstream-Ref: Automattic/jetpack@6bb870b
1 parent 330c475 commit 965b0b7

File tree

4 files changed

+7
-2
lines changed

4 files changed

+7
-2
lines changed

CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ This is an alpha version! The changes listed here are not final.
3030
- Forms: Removes classic Admin initialization code
3131

3232
### Fixed
33+
- Fixed textarea placeholders to match input placeholder styling
3334
- Fix export functionality to handle null values properly for IP Address, Country code, and Browser fields
3435
- Fix `Contact_Form_Endpoint_Test::test_resend_email` attempting to actually send email.
3536
- Forms: ensure submission summary is contained within 100% width

dist/contact-form/css/grunion-rtl.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/contact-form/css/grunion.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/contact-form/css/grunion.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,18 @@
1818
clear: both;
1919
}
2020

21+
.contact-form textarea::placeholder,
2122
.contact-form input::placeholder {
23+
color: inherit;
2224
transition: opacity 0.3s ease-out;
2325
}
2426

27+
.contact-form textarea:hover::placeholder,
2528
.contact-form input:hover::placeholder {
2629
opacity: 0.5;
2730
}
2831

32+
.contact-form textarea:focus::placeholder,
2933
.contact-form input:focus::placeholder {
3034
opacity: 0.3;
3135
}

0 commit comments

Comments
 (0)