Opened 4 years ago
Closed 4 years ago
#48876 closed defect (bug) (fixed)
Twenty Twenty: High input fields are misaligned in Firefox
Reported by: |
|
Owned by: |
|
---|---|---|---|
Milestone: | 5.3.1 | Priority: | normal |
Severity: | normal | Version: | 5.3 |
Component: | Bundled Theme | Keywords: | has-screenshots good-first-bug has-patch commit fixed-major |
Focuses: | css | Cc: |
Description
Steps to reproduce:
- Create a post and add a Custom HTML block.
- Add this code:
<input type="text" style="height: 120px;" placeholder="Test" />
- Preview it and notice the placeholder appears too high in Firefox.
That's caused by these lines in the theme CSS:
https://github.com/WordPress/twentytwenty/blob/master/style.css#L769-L779
Attachments (2)
Change History (10)
#2
@
4 years ago
- Keywords needs-patch good-first-bug added
- Milestone changed from Awaiting Review to Future Release
I can confirm this issue, although it only occurs when you add the inline style height: 120px;
. Marking as good-first-bug
@
4 years ago
Added browsers supporting line-height revert to reset a property to the value established by the user-agent stylesheet
#4
@
4 years ago
- Keywords commit added; needs-testing removed
- Milestone changed from Future Release to 5.3.1
- Owner set to ianbelanger
- Status changed from new to assigned
I can confirm that 48876.patch
does fix the issue with no unforeseen negative affects. Marking for commit
Note: See
TracTickets for help on using
tickets.
Left: Firefox / Right: Chrome