Make WordPress Core

Opened 6 weeks ago

Closed 4 weeks ago

Last modified 4 weeks ago

#64738 closed defect (bug) (fixed)

Application password field is too narrow since padding was increased on inputs

Reported by: johnbillion's profile johnbillion Owned by: audrasjb's profile audrasjb
Milestone: 7.0 Priority: normal
Severity: normal Version: trunk
Component: Application Passwords Keywords: has-patch commit has-screenshots
Focuses: Cc:

Description

Since the form fields in the admin area had their padding increased in [61645], the Application Password field is not long enough to display the full password. It partially cuts off the last character.

Increasing the width from 19em to 20em works for me.

Tested in Chrome on macOS 26.

CC @fabiankaegy in case you can think of any other fixed-width inputs that might be affected.

Attachments (2)

2026-02-26-17-50-15@2x.png (49.2 KB) - added by johnbillion 6 weeks ago.
Screenshot
Screenshot 2026-03-05 at 12-22-07 WordPress Playground.png (32.6 KB) - added by jsmansart 6 weeks ago.

Download all attachments as: .zip

Change History (13)

@johnbillion
6 weeks ago

Screenshot

This ticket was mentioned in PR #11072 on WordPress/wordpress-develop by @nimeshatxecurify.


6 weeks ago
#1

  • Keywords has-patch added; needs-patch removed

Adjusts the width of the application password display input. This provides better visual presentation and prevents content truncation.

#2 @nimeshatxecurify
6 weeks ago

Issue reproducible in Firefox on Ubuntu 24.04.
Tested the patch. Works fine ✅.

This ticket was mentioned in Slack in #core by amykamala. View the logs.


6 weeks ago

#4 @jsmansart
6 weeks ago

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: https://github.com/WordPress/wordpress-develop/pull/11072

Environment

  • WordPress: 7.0-beta2-20260227.042535
  • PHP: 7.4.33
  • Server: PHP.wasm
  • Database: WP_SQLite_Driver (Server: 8.0.38 / Client: 3.51.0)
  • Browser: Firefox 149.0
  • OS: macOS
  • Theme: Twenty Twenty-Five 1.4
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.1

Actual Results

  1. ✅ Issue resolved with patch.

Supplemental Artifacts

https://core.trac.wordpress.org/raw-attachment/ticket/64738/Screenshot%202026-03-05%20at%2012-22-07%20WordPress%20Playground.png

Last edited 6 weeks ago by jsmansart (previous) (diff)

#5 @amin7
5 weeks ago

Test Report


Description

This report validates whether the indicated patch works as expected.

Patch tested: https://github.com/WordPress/wordpress-develop/pull/11072

Environment

WordPress: 7.0-beta3
PHP: 8.2.7
Server: ngnix
Browser: Chrome 145.0.0.0
OS: macOS
Theme: Twenty Twenty-Five
MU Plugins: None activated

Before Patch:
https://d.pr/i/rPaCUY

After Patch
https://d.pr/i/kaxKCV

Result

✅ Issue resolved with this patch.

@huzaifaalmesbah commented on PR #11072:


5 weeks ago
#6

Before:
https://github.com/user-attachments/assets/1c4448ee-478e-4026-91f9-41f740a36126

https://github.com/user-attachments/assets/15fd1a7c-aaa1-4719-99cc-2230849025a7

After:
https://github.com/user-attachments/assets/0c7cae78-508e-4309-b922-618265993af4

https://github.com/user-attachments/assets/6d1c7f08-b276-4985-890e-f3c0042fa2be

@abdullah17 commented on PR #11072:


4 weeks ago
#7

Tested PR #11072 on WordPress 7.0 trunk.

Patch tested:
https://patch-diff.githubusercontent.com/raw/WordPress/wordpress-develop/pull/11072.diff

Environment:

  • macOS + MAMP
  • PHP 8.2
  • Chrome 145.0.7632.162 (arm64)
  • Theme: Twenty Twenty-Five
  • Plugins: Tested with no plugins active and with a few plugins activated

Steps to reproduce:

  1. Opened Users → Profile.
  2. Navigated to the Application Passwords section.
  3. Generated an application password and inspected the display field.

Result:
✅ The patch fixes the narrow field issue and the input now appears wider and easier to read. I did not observe any layout regressions on the profile screen.
✅ Issue resolved with patch.

Before patch applied:
https://github.com/user-attachments/assets/9a5580dd-a26d-4927-8e4d-5f3b38162952

After applying the patch:
https://github.com/user-attachments/assets/0d6d648a-6e4d-4748-aaa2-e4e20fa33ad3

@audrasjb commented on PR #11072:


4 weeks ago
#8

Before:
https://github.com/user-attachments/assets/74bf6ed1-04ac-4b3c-bf7a-4746302ac319

After:
https://github.com/user-attachments/assets/e2a2b6c9-d92e-48fc-aaa8-992ca613c40e

The patch looks good to me ✅

#9 @audrasjb
4 weeks ago

  • Keywords commit has-screenshots added
  • Owner set to audrasjb
  • Status changed from new to accepted

#10 @audrasjb
4 weeks ago

  • Resolution set to fixed
  • Status changed from accepted to closed

In 62043:

Administration: Increase the width of the application password input field.

This changeset ensures application password is fully shown in the related input field, after the UI changes shipped in 7.0.

Follow-up to [61645].

Props johnbillion, nimeshatxecurify, jsmansart, amin7, huzaifaalmesbah, abdullah17.
Fixes #64738.

@audrasjb commented on PR #11072:


4 weeks ago
#11

Note:

There is an issue on mobile:
https://github.com/user-attachments/assets/98240202-228c-43f4-a12f-47708a5b0cd9

But the issue was also here in 6.9, so let's address this in another ticket.
6.9:
https://github.com/user-attachments/assets/e877b800-6503-4be3-8603-453cea341ec0

Note: See TracTickets for help on using tickets.