Large title overflow issue in responsive

[iihglobal]

Hello,

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

for more information see mention screenshot link.
​http://www.awesomescreenshot.com/image/4373449/8494b8e79b257f2388cb53b04c054ad6

Thanks

[wpamitkumar]

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;
}

[mukesh27]

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;
  }
}

[mukesh27]

Patch that fixed the overflow issue in responsive.

[SergeyBiryukov]

Introduced in [26134].

[SergeyBiryukov]

In 46790:

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

Props mukesh27, iihglobal, wpamitkumar.
Fixes #48805.

[mukesh27]

#48829 was marked as a duplicate.