[wp-trac] [WordPress Trac] #33308: Responsive list tables don't handle primary columns that are not the first non-checkbox one

[WordPress Trac]

#33308: Responsive list tables don't handle primary columns that are not the first
non-checkbox one
--------------------------+---------------------------------
 Reporter:  helen         |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Future Release
Component:  General       |     Version:  4.3
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:  ui, administration
--------------------------+---------------------------------

Comment (by helgatheviking):

 Just ran into this while working on Charitable. I was trying to put a
 donation's "status" before the post title, but the table styles go haywire
 at a mobile view. This is reproducible with regular posts:


 {{{
 function test_filter( $old_columns ){

   $columns = array(
     'cb' => '<input type="checkbox" />',
     'author' => 'Author',
     'title' => 'Title',
     'categories' => 'Categories',
     'tags' => 'Tags',
     'comments' => '<span class="vers comment-grey-bubble"
 title="Comments"><span class="screen-reader-text">Comments</span></span>',
     "date" => "Date" );

     return $columns;
 }
 add_filter( 'manage_edit-post_columns', 'test_filter' );
 }}}


 But if I resize the screen down, I see this messed up table:

 [[Image(http://imagizer.imageshack.us/v2/287x469q90/r/921/ipFx9G.png)]]

 The primary column is unchanged. Seems to happen even if JS is disabled
 too and I can't find the CSS that is responsible for making it behave
 differently when it isn't the 2nd column.

 I would have expected that the primary column is always styled as full
 width with the "reveal more" button and any other columns remain hidden
 unless explicitly styled, but that doesn't seem to be the case.

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