Responsive table will not be responsive if the column was resized

XMLWordPrintable

    • 3
    • Severity 3 - Minor

      Issue Summary

      When a responsive table is resized once while editing the page, the column will only be responsive while there's no empty space at the end of the line. As soon as a space is added to the line, the line breaks.

      In other words, if there's a huge line with no spaces, the table will be responsive.

      Environment

      • Confluence 6.15.X

      Steps to Reproduce

      1. Create one table with two columns.
      2. Set the table as responsive.
      3. Add text to the tabe. You will see that it is responsive according to the number of text being inserted(more text the column will go to the right).
      4. Move the line that separates the two columns.
      5. Add the text but when you are next to the line that separates the columns, add an empty space.

      There's a MP4 video reproducing the error.

      Expected Results

      • The table will continue to grow to the right since it is responsive.
      • The empty space char shouldn't be treated as line break.
      • Table should show "Fixed Width" instead of "Responsive"(After resizing the columns manually).

      Actual Results

      The empty space will add a line break, like the table is no longer responsive, but if you do not add the empty space, the line will continue to be responsive.

      Notes

      Source code of the table:

      Source code without resizing the responsive column
      <p class="auto-cursor-target">
        <br/>
      </p>
      <table>
        <tbody>
          <tr>
            <th>dwadawdawdawdawd dawd aw daw aw daw</th>
            <th>
              <br/>
            </th>
          </tr>
          <tr>
            <td>
              <br/>
            </td>
            <td>
              <br/>
            </td>
          </tr>
        </tbody>
      </table>
      <p class="auto-cursor-target">
        <br/>
      </p>
      
      Source code by resizing the responsive column
      <p class="auto-cursor-target">
        <br/>
      </p>
      <table class="relative-table" style="width: 27.3529%;">
        <colgroup>
          <col style="width: 92.1833%;"/>
          <col style="width: 7.81671%;"/>
        </colgroup>
        <tbody>
          <tr>
            <th>dwadawdawdawdawd dawd aw daw aw daw daw dwad aw dw d</th>
            <th>
              <br/>
            </th>
          </tr>
          <tr>
            <td>
              <br/>
            </td>
            <td>
              <br/>
            </td>
          </tr>
        </tbody>
      </table>
      <p class="auto-cursor-target">
        <br/>
      </p>
      

      (Optional - If Necessary)

      Workaround

      There's no workaround

        1. Recording #5.mp4
          357 kB
          Guilherme V.

            Assignee:
            Unassigned
            Reporter:
            Guilherme V. (Inactive)
            Votes:
            2 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved: