Make WordPress Core

Opened 15 months ago

Closed 15 months ago

Last modified 15 months ago

#48805 closed defect (bug) (fixed)

Large title overflow issue in responsive

Reported by: iihglobal Owned by: SergeyBiryukov
Milestone: 5.4 Priority: normal
Severity: normal Version:
Component: Media Keywords: has-patch
Focuses: ui, administration Cc:



When We have to upload with a long image file name then image title showing with overflow.

for more information see mention screenshot link.


Attachments (4)

48805.diff (408 bytes) - added by mukesh27 15 months ago.
Patch that fixed the overflow issue in responsive.
362521f2-f5f9-4c7f-57dc-3df2033d6145.png (59.3 KB) - added by SergeyBiryukov 15 months ago.
48805.2.diff (83 bytes) - added by passoniate 15 months ago.
fixed.jpg (25.0 KB) - added by passoniate 15 months ago.

Download all attachments as: .zip

Change History (10)

#1 @wpamitkumar
15 months ago

  • Keywords has-patch added

I Fixed below CSS and its working. Please use CSS word-wrap: break-word; instead of word-wrap: normal;.

Screenshot - https://prnt.sc/q2myrl

@media screen and (max-width: 782px)
.widefat * {
    word-wrap: break-word;

#2 @mukesh27
15 months ago

  • Component changed from Gallery to Media
  • Focuses css removed
  • Summary changed from Twenty Twenty: image title are overflow in responsive to Large title overflow issue in responsive
  • Version 5.3 deleted

Hi @iihglobal,

Welcome to WordPress Trac! Thanks for the ticket.

It seems in the responsive media query CSS will update to word-wrap: normal; and that was the issue.

@media screen and (max-width: 782px) {
  .widefat * {
    word-wrap: normal;

15 months ago

Patch that fixed the overflow issue in responsive.

#3 @SergeyBiryukov
15 months ago

  • Milestone changed from Awaiting Review to 5.4
  • Owner set to SergeyBiryukov
  • Status changed from new to reviewing

#4 @SergeyBiryukov
15 months ago

Introduced in [26134].

#5 @SergeyBiryukov
15 months ago

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

In 46790:

Administration: Properly wrap long titles in list tables on smaller screens.

Props mukesh27, iihglobal, wpamitkumar.
Fixes #48805.

#6 @mukesh27
15 months ago

#48829 was marked as a duplicate.

15 months ago

15 months ago

Note: See TracTickets for help on using tickets.