Opened 39 hours ago
#58416 new enhancement
Media Title field should soft wrap in Media Modal: For better readability/editing of long titles.
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | normal | Version: | 6.2.2 |
Component: | Media | Keywords: | |
Focuses: | Cc: |
Description
Usability Issue:
- In the Media Modal the Title field currently is an
<input type=text>
and as such is single line only. - Scrolling a ~50 character long title within a ~20 char text field sucks.
- Soft wrapping would really benefit longer media titles in terms of instant readability and easy editing.
Solution Approaches:
- Leaving it a
<input type=text>
and tweak it to soft wrapping with CSS only.
- I found the exact same request on StackOverflow for HTML in general (CMS agnostic)
- Pure CSS solutions for this which once worked, became unsupported around 2016 in major browsers.
- Bottom line:
<input type=text>
is single line only and always, user agents allow no circumventions.
- Alternative approach: Use a
<textarea>
with its built in soft-wrapping and resize-ability, integrated with contemporary responsive web design techniques, and ensure that the user can not unintentionally insert linebreaks.
- This seems to be the viable solution.
- Googled & DuckDuck'ed CMS-agnostic, but by coincidence found WordPress specific solution even.
- JS which intercepts ENTER control characters.
- To be ultra safe (does it need to be?) this would also need server-side validation (in case JS is bypassed somehow (un)intentionally).
Attachments (1)
Note: See
TracTickets for help on using
tickets.