Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-55282

Copy and paste in Confluence editor drops custom colors from table

    XMLWordPrintable

Details

    • Bug
    • Resolution: Unresolved
    • Medium
    • None
    • 6.1.4, 6.8.0
    • None

    Description

      Summary

      A table with custom colors will lose the colors when copied and pasted in the same page.

      Environment

      Atlassian test

      Steps to Reproduce

      1. Define a table with custom colors in Confluence, for example:
      <table class="wrapped">
       <colgroup> <col/> <col/> <col/> <col/> <col/> <col/> <col/> <col/> <col/> <col/> <col/> <col/> <col/> <col/> </colgroup>
       <tbody>
       <tr>
       <th colspan="7" style="text-align: center;">Opportunities</th>
       <th colspan="7" style="text-align: center;">Risks</th>
       </tr>
       <tr>
       <td colspan="2" rowspan="2">
       <br/>
       </td>
       <td colspan="5" style="text-align: center;">Impact</td>
       <td colspan="5" style="text-align: center;">Impact</td>
       <td colspan="2" rowspan="2">
       <br/>
       </td>
       </tr>
       <tr>
       <td style="text-align: center;">High (5)</td>
       <td style="text-align: center;">Major (4)</td>
       <td style="text-align: center;">Moderate (3)</td>
       <td style="text-align: center;">Minor (2)</td>
       <td style="text-align: center;">Insignificant (1)</td>
       <td style="text-align: center;">Insignificant (1)</td>
       <td style="text-align: center;">Minor (2)</td>
       <td style="text-align: center;">Moderate (3)</td>
       <td style="text-align: center;">Major (4)</td>
       <td style="text-align: center;">High (5)</td>
       </tr>
       <tr>
       <td rowspan="5">Probability</td>
       <td>Almost Certain (5)</td>
       <td style="background-color: rgb(191,128,255);">
       <br/>
       </td>
       <td style="background-color: rgb(191,128,255);">
       <br/>
       </td>
       <td style="background-color: rgb(191,128,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,159,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(255,255,128);">
       <br/>
       </td>
       <td style="background-color: rgb(255,191,128);">
       <br/>
       </td>
       <td style="background-color: rgb(255,191,128);">
       <br/>
       </td>
       <td style="background-color: rgb(255,191,128);">
       <br/>
       </td>
       <td>Certain (5)</td>
       <td rowspan="5">Probability</td>
       </tr>
       <tr>
       <td colspan="1">Likely (4)</td>
       <td colspan="1" style="background-color: rgb(191,128,255);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(191,128,255);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(128,159,255);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(128,159,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(255,255,128);">
       <br/>
       </td>
       <td style="background-color: rgb(255,255,128);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(255,191,128);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(255,191,128);">
       <br/>
       </td>
       <td colspan="1">Likely (4)</td>
       </tr>
       <tr>
       <td colspan="1">Possible (3)</td>
       <td colspan="1" style="background-color: rgb(191,128,255);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(128,159,255);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(128,159,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(255,255,128);">
       <br/>
       </td>
       <td style="background-color: rgb(255,255,128);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(255,191,128);">
       <br/>
       </td>
       <td colspan="1">Possible (3)</td>
       </tr>
       <tr>
       <td colspan="1">Unlikely (2)</td>
       <td colspan="1" style="background-color: rgb(128,159,255);">
       <br/>
       </td>
       <td colspan="1" style="background-color: rgb(128,159,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(255,255,128);">
       <br/>
       </td>
       <td style="background-color: rgb(255,255,128);">
       <br/>
       </td>
       <td colspan="1">Unlikely (2)</td>
       </tr>
       <tr>
       <td colspan="1">Low (1)</td>
       <td colspan="1" style="background-color: rgb(128,159,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,223,255);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(128,255,159);">
       <br/>
       </td>
       <td style="background-color: rgb(255,255,128);">
       <br/>
       </td>
       <td colspan="1">Rare (1)</td>
       </tr>
       </tbody>
      </table>
       

      From the Confluence editor, copy and paste the table somewhere on the same page.

      Expected Results

      The copy will look like the original table

      Actual Results

      The copied table does not render any background colors.

      Notes

      Please see the attached screen shot for an example of how it renders:

      Storage format for the a page that shows the table that renders properly and the one that has no colors is attached. table_with_colors_and_without.txt

      Workaround

      Use the Source Editor for Confluence to copy the storage format from the table that renders with colors.

      Attachments

        Activity

          People

            Unassigned Unassigned
            aworley Ann Worley (Inactive)
            Votes:
            2 Vote for this issue
            Watchers:
            5 Start watching this issue

            Dates

              Created:
              Updated: