Make WordPress Core

Opened 9 months ago

Last modified 7 days ago

#52151 new defect (bug)

post title broken on posts screen

Reported by: pascoedj Owned by:
Milestone: 5.9 Priority: normal
Severity: normal Version: 5.6
Component: Administration Keywords: needs-patch
Focuses: css Cc:


The posts screen in wp-admin is wrapping the post title vertically so that the page becomes unreadable.

WordPress 5.6 running WP-Blossom theme.

screen cap here
sorry couldn't work out how to upload image ....

Attachments (1)

wp-title-wrap-vertical.png (148.1 KB) - added by pascoedj 9 months ago.

Download all attachments as: .zip

Change History (10)

#1 @pascoedj
9 months ago

I should add that if I select Drafts(X) to show just the drafts, it works fine, but when I select All(X) the bug shows again. The post breaking the display is a draft.

#2 @sabernhardt
9 months ago

  • Component changed from General to Administration
  • Focuses css added
  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release

@pascoedj Thanks for the report!

The Title column does not have a set width, and I think it needs a min-width. Categories and Tags columns are 15%, Author is 10%, Comments is 5.5em, etc. So having multiple columns added by plugins can make the Title column very narrow.

When looking at Draft posts only, you probably have fewer columns. Until this is fixed, I'd recommend opening Screen Options (at the top) and unchecking any columns you don't need to show.

#3 @mrfoxtalbot
3 months ago

I have also noticed that this is NOT happening when drafts are listed, but I am not sure why.

As @sabernhardt pointed out, the title column needs a minimum width.

#4 @sabernhardt
2 months ago

  • Milestone changed from Future Release to 5.9

Setting min-width did not work for me with the table-layout: fixed, but there could be a better way.

#5 @sabernhardt
2 months ago

#53720 was marked as a duplicate.

#6 @costdev
6 weeks ago

From what I can see, there are four options:

  1. Add a width to the title (such as 15/20%) - This will result in other columns being wrapped.
  2. Add overflow: hidden, text-overflow: ellipsis, and width: XXXpx to .fixed .column-title, truncating the title to Visible part of titl..., which will also need a title attribute added to the link so that users can hover over to see the full title.
  3. Remove table-layout: fixed from .wp-list-table - This will reduce rendering performance for large tables, in addition to adding a horizontal scrollbar when there are a larger number of columns.
  4. Accept that issue is caused by the number of columns and manage the column count using Screen Options.

Short of additional ideas, I would imagine that the availability of Screen Options allows most users to resolve this issue to their satisfaction, and those with specific needs have one of the other options above.

However, if the core aspect of this issue is that title in particular should never be wrapped and this is a case of tidying up, I think the first option above could be a desirable solution.

Last edited 6 weeks ago by costdev (previous) (diff)

#7 @mrfoxtalbot
6 weeks ago

I would also favor the first option you suggest, @costdev. Titles are probably the most important piece of information and the one that tends to be longer so we should prioritize it.

Also, I wonder why titles do not wrap when drafts are listed and whether we should follow that "glitch" for a possible solution.

#8 @costdev
6 weeks ago

Hi @mrfoxtalbot I've tried switching to "Drafts" and adding in some extra columns, but I still get the wrapping issue.

Can you tell me the setup that you have when "All" wraps the title but "Drafts" doesn't?

  • WP version
  • Active theme
  • Active plugins
  • The columns you have displaying (in order left-to-right)
  • A sample post title that doesn't wrap for you on the "Drafts" page


#9 @sabernhardt
7 days ago

The (main) difference between Drafts and All is the Comments column.

Setting a 15-20% width on the Title column can help with extra columns, but in a default installation, that can make the checkbox column wider.

#52426 is a very similar ticket, and I probably should have closed that one so the discussion there would be included here. Any change would affect both.

Note: See TracTickets for help on using tickets.