Make WordPress Core

Opened 8 months ago

Closed 8 months ago

#63721 closed defect (bug) (reported-upstream)

Horizontal scroll on wide tables no longer works

Reported by: wwccscorer's profile wwccscorer Owned by:
Milestone: Priority: normal
Severity: normal Version: 6.8.2
Component: Editor Keywords:
Focuses: Cc:

Description (last modified by sabernhardt)

Tables with align:none which are too wide for the screen width no longer scroll horizontally but instead break words (word-break:break-word from .wp-block-column, inherited from div)
See http://www.sssccrrl.co.uk/2025-round-5/ on eg a phone for an example.
I can work around using custom CSS :-

.do-not-break-words {
  word-break: normal !important;
}

but this is not feasible to apply for all the historic data on my websites.

Attachments (1)

table-block-fixed-layout.png (71.4 KB) - added by sabernhardt 8 months ago.
break-word from both Table and Columns styles with fixed layout table

Download all attachments as: .zip

Change History (4)

#1 @sabernhardt
8 months ago

  • Component changed from General to Editor
  • Description modified (diff)
  • Keywords move-to-github close added

Hi and welcome to WordPress Trac!

The Column blocks come from the template (in this case, using Twenty Twenty-Three).

The word-break style was added in GB11904. That might need to stay there for everyone who uses Columns blocks inside individual posts, but you could open an issue about it on the Gutenberg repository.
https://github.com/WordPress/gutenberg/issues

For now, I think you could add the following custom style:

.wp-block-column table {
  word-break: normal;
}

#2 @wwccscorer
8 months ago

This behaviour has only started in the last month or so. Previously the tables would scroll horizontally as expected.
I don't have a problem with adding the custom css but I am puzzled why this has started happening.
There is already a (closed) issue on github (github.com/WordPress/gutenberg/issues/24393) which shows the expected behaviour for a default table. That is the behaviour which my tables previously displayed but now don't and display as break:word instead.

Version 0, edited 8 months ago by wwccscorer (next)

@sabernhardt
8 months ago

break-word from both Table and Columns styles with fixed layout table

#3 @sabernhardt
8 months ago

  • Keywords move-to-github close removed
  • Milestone Awaiting Review deleted
  • Resolution set to reported-upstream
  • Status changed from new to closed

Your site might have displayed differently at some time between last year and this month, but the results tables broke words in November and December 2024 (copies at archive.org).

I'll close this ticket as 'reported-upstream' because GB24393 describes a similar situation, but any changes to the Columns block styles likely would need to be discussed on their own issue.

Note: See TracTickets for help on using tickets.