[wp-trac] [WordPress Trac] #65071: Focus border styling breaks slug input layout in Classic Editor

[WordPress Trac]

#65071: Focus border styling breaks slug input layout in Classic Editor
------------------------------------+-----------------------------
 Reporter:  dhruvang21              |      Owner:  (none)
     Type:  defect (bug)            |     Status:  new
 Priority:  normal                  |  Milestone:  Awaiting Review
Component:  Editor                  |    Version:  trunk
 Severity:  normal                  |   Keywords:
  Focuses:  ui, accessibility, css  |
------------------------------------+-----------------------------
 While testing the changes introduced in PR: [https://github.com/WordPress
 /wordpress-develop/pull/11551], I came across a UI issue in the Classic
 Editor related to the post slug (permalink) editing field.

 When the slug input receives focus, the focus border appears larger than
 expected and causes the layout to break.

 **Steps to Reproduce:**

 - Go to Posts → Add New (or edit an existing post)
 - Click on the permalink “Edit” button
 - Focus on the slug input field
 - Observe the input field styling

 **Expected Behavior:**
 The focus state should not alter the layout or dimensions of the input
 field. The slug field should remain properly aligned within its container.

 **Actual Behavior:**
 On focus:

 - The border/outline appears thicker or offset
 - The input visually overflows or misaligns
 - The slug field appears “broken” within the layout

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/65071>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform