[wp-trac] [WordPress Trac] #57285: Media slug field is artificially narrow - Should use max available width

[WordPress Trac]

#57285: Media slug field is artificially narrow - Should use max available width
-------------------------------+--------------------------------------
 Reporter:  abitofmind         |       Owner:  (none)
     Type:  enhancement        |      Status:  closed
 Priority:  normal             |   Milestone:
Component:  Posts, Post Types  |     Version:
 Severity:  minor              |  Resolution:  duplicate
 Keywords:                     |     Focuses:  ui, css, administration
-------------------------------+--------------------------------------
Changes (by sabernhardt):

 * status:  new => closed
 * focuses:   => ui, css, administration
 * component:  Media => Posts, Post Types
 * version:  6.1.1 =>
 * milestone:  Awaiting Review =>
 * resolution:   => duplicate


Old description:

> === Reproduction
>
> 1. Go to: WordPress > Media > Library `/wp-admin/upload.php`
>
> 2. Click any image
>
> 3. The media popover opens `/wp-admin/upload.php?item=123`
>
> 4. Click "Edit more details"
>
> 5. The media maximum detail editor opens  `/wp-
> admin/post.php?post=123&action=edit`
>
> 6. Screen Options > Make sure the option "Slug" is enabled.
>
> **Actual**: This slug field is abnormally narrow (input size=13).
>
> **Expected**: This slug field uses the maximum available width so that I
> can see and edit my medium to normal length slugs at once.
>
> **The fix is rather easy:** Make sure this field gets a CSS width: 100%
> and it will optimally utilize the space which any contemporary responsive
> layout foresees.
>
> Screenshot shows both the problem and the fix.

New description:

 ==== Reproduction

 1. Go to: WordPress > Media > Library `/wp-admin/upload.php`
 2. Click any image
 3. The media popover opens `/wp-admin/upload.php?item=123`
 4. Click "Edit more details"
 5. The media maximum detail editor opens  `/wp-
 admin/post.php?post=123&action=edit`
 6. Screen Options > Make sure the option "Slug" is enabled.

 **Actual**: This slug field is abnormally narrow (input size=13).

 **Expected**: This slug field uses the maximum available width so that I
 can see and edit my medium to normal length slugs at once.

 **The fix is rather easy:** Make sure this field gets a CSS width: 100%
 and it will optimally utilize the space which any contemporary responsive
 layout foresees.

 Screenshot shows both the problem and the fix.

--

Comment:

 Thanks for the report!

 This occurs in other post types when using the Classic Editor, too.
 Tickets #16346 and #31261 already proposed widening the field, so please
 continue the discussion on #16346.

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