[wp-trac] [WordPress Trac] #62064: Refresh Authorize Application page UI

[WordPress Trac]

#62064: Refresh Authorize Application page UI
-------------------------------------------------+-------------------------
 Reporter:  JeffPaul                             |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Application Passwords                |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  needs-design needs-copy-review       |     Focuses:  ui, ui-
  good-first-bug has-patch has-screenshots       |  copy
  changes-requested                              |
-------------------------------------------------+-------------------------
Changes (by ozgursar):

 * keywords:  needs-design needs-copy-review good-first-bug needs-testing
     has-patch =>
     needs-design needs-copy-review good-first-bug has-patch has-
     screenshots changes-requested


Comment:

 == Test Report
 === Description
 This report validates whether the indicated patch works as expected.

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

 === Environment
 - WordPress: 7.0-alpha-61215-src
 - PHP: 8.2.29
 - Server: nginx/1.29.4
 - Database: mysqli (Server: 8.4.7 / Client: mysqlnd 8.2.29)
 - Browser: Chrome 143.0.0.0
 - OS: macOS
 - Theme: Twenty Twenty-One 2.7
 - MU Plugins: None activated
 - Plugins:
   * Classic Editor 1.6.7
   * Test Reports 1.2.1

 === Steps to Reproduce
 1. Use an application name that doesn't have any spaces or other
 characters that browsers would naturally break. Example link:
 http://localhost:8889/wp-admin/authorize-
 application.php?app_name=asdflaksdklfjakldjfklajdfklasdkfjaklsdjjajknmmakalsjdkfjklajsdklfjaksdjfkasdjfkjsdfkaskdlfjaklsjdfklasjdfklajsdfkljakljsdklfjkljklajsdklfjklajsdfkljaklsdjfakljdfklajdfklasjdfklajsdfkljasdklfjaskldfjaslkdfjaskldjflaksjdfklasdjflkasjdflkajsdfasdkljfaklsjdfasjdfkaljsdfkladsf

 === Actual Results
 1.  ❌ Patch doesn't resolve the issue

 === Additional Notes
 - This can be fixed with a simple CSS fix by using overflow-wrap: break-
 word; on the p element that application name is being displayed in. My
 last screenshot below demonstrates this CSS solution.

 === Supplemental Artifacts
 Before:
 [[Image(https://i.imgur.com/8xqZxf8.png)]]

 After:
 [[Image(https://i.imgur.com/NfnbqFM.png)]]

 Suggested CSS solution:
 [[Image(https://i.imgur.com/9ISD5Qq.png)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/62064#comment:11>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform