Unpredicable content behaviour strips colour styling output in the export_view

XMLWordPrintable

    • Minor

      Issue Summary

      When an inline font colour is applied to text in a list style, and other content on the page is present, it causes the export_view format representation to not be generated correctly anymore. However, removing content on the same page, allows the colour style to be present again.

      Steps to Reproduce

       

      <ul>
          <li>
              <p>Black: This is black</p>
          </li>
          <li>
              <p>Blue: <span style="color: rgb(76,154,255);">This is blue</span></p>
          </li>
      </ul>
      <table data-table-width="1800" data-layout="center" ac:local-id="7df241dd-c398-45b2-a9f9-21fb6afce97b">
          <tbody>
              <tr ac:local-id="1cd3bb27-69ee-4cb6-9d03-3f3abbc0b328">
                  <th data-highlight-colour="#f4f5f7" ac:local-id="cceb0c63-7bd0-4465-98dd-e9aa8ccbaef3">
                      <p local-id="cc70b268-d830-4846-a1a7-a4b6ab7ba087" style="text-align: center;">
                          <strong>Abbreviations</strong>
                      </p>
                  </th>
                  <th data-highlight-colour="#f4f5f7" ac:local-id="409ef2c0-571e-4c96-b8af-b56c8afc1927">
                      <p local-id="882e016f-b9ed-4f0d-9903-0f580b3a21db" style="text-align: center;">
                          <strong>Descriptions</strong>
                      </p>
                  </th>
              </tr>
          </tbody>
      </table> 

      1. Suppose we have a page with the above format. When viewing the `export_view`, notice that the color style will be stripped: 

      <ul>
          <li>
              <p>Black: This is black</p>
          </li>
          <li>
              <p>Blue: <span data-colorid="e6opuy1uo0">This is blue</span></p>
          </li>
      </ul> 

      2. But, when we remove the table and view the `export_view` again, the color style will be present as expected:

      <ul>
          <style>[data-colorid=eqerkndoc3]{color:#4c9aff} html[data-color-mode=dark] [data-colorid=eqerkndoc3]{color:#004eb3}</style>
          <li>
              <p>Black: This is black</p>
          </li>
          <li>
              <p>Blue: <span data-colorid="eqerkndoc3">This is blue</span></p>
          </li>
      </ul> 

       

       

      Expected Results

      Color styles are present in the `export_view`

      Actual Results

      Color styles are stripped.

      Workaround

      The built-in export functionality preserves color styles as intended and has not experienced any regression. We are working to fix this bug to provide accurate `export_view` for reliant 3rd-party apps.

            Assignee:
            Benjamin Wang
            Reporter:
            Benjamin Wang
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: