Issue Summary:

Currently, when users zoom into a Confluence page containing tables with multi-line text, the table introduces a horizontal scroll bar instead of wrapping the text within table cells. This behaviour is observed in the new editor and disrupts readability and accessibility, especially for tables with extensive textual content.

Suggestion for Implementation:

• Update the table rendering logic in the new Confluence editor to enforce text wrapping within table cells, regardless of the zoom level.

• Ensure that cell content dynamically adjusts to the available width, breaking lines as needed instead of expanding the table horizontally.

• Provide an option in table settings to toggle horizontal scrolling for edge cases, but default to text wrapping for optimal accessibility and usability.

Replication Videos:

• Table zoom in issue within layout
• Table zoom in issue without layout 

Root Cause:

• The issue occurs if the table on legacy editor have the colgroup property. Here is an example:

  • <colgroup><col style="width: 657.0px;" /></colgroup>

• If we convert this page, the new editor runs into the issue with zoom.

Workaround:

• An ideal workaround is to remove this property from the page using the following REST APIs:
  • Get Page by ID
    • With this APi, we can grab the page's body in storage format.
    • Then remove the property mentioned above.
    • Copy the new body and use it in the next API.
  • Update Page