Issue Summary

In Confluence cloud, pages that were originally created in the legacy editor and later converted to the new editor can fail to display content in Firefox when a specific hidden formatting pattern exists in the first section of a Section macro.

If the first section of the section macro contains the formatting pattern:
 <p><span style="color: rgb(123,123,123);"> </span>
then:

• The content inside that first section, and

• All content that follows the section macro on the page

may not be visible when viewing the page in Firefox, even though the page has been converted to the new editor and the content is actually stored and visible in the other browsers.

Steps to Reproduce

1. In Confluence Server/Data Center (legacy editor), create a page that:

    - Uses the Section (or Section/Column) macro.

    -Has, in the first part, a hidden formatting span similar to:
         <p><span style="color: rgb(123,123,123);"> </span>
        (This span may be invisible to the user in the editor but exists in the storage format.)

    - Add some visible content inside that first section, and additional content below/after the section macro on the page.

2. Migrate this page from the server/Data Center to Confluence Cloud.

3. In Confluence Cloud, convert the migrated page to the new editor (if not already auto‑converted).

4. Open the converted page in Firefox.

5. Compare what you see in Firefox with:

    - The same page opened in another browser (e.g., Chrome), and/or

    - The content visible in the editor.

Expected Results

• All content inside the section macro (including the first section), and

• All content that appears after the section macro on the page

should be visible when viewing the page in Firefox, exactly as it appears in other browsers and in the editor.

Actual Results

• When viewing the page in Firefox:

• • Content inside the first section that contains the hidden span "<p><span style="color: rgb(192,192,192);"> </span>" does not appear.

• • Content following the section macro on the page also does not appear.

• The content is still present in the page’s storage and can be seen/edited:

• • When editing the page in the new editor, and/or

• • When opened in other browsers (e.g., Chrome) after cleaning up the hidden formatting.

No obvious formatting is visible to the end user in the first section: the problematic span is effectively invisible and can make the issue hard to diagnose.

Workaround

Currently, there is no known automatic workaround for this behavior. However, the issue can be avoided by manually cleaning the problematic formatting:

• Edit the affected page in Confluence cloud (new editor).

• Locate the first section within the Section macro.

• Remove/clean the invisible formatting at the very beginning of that first section:

• • Delete the (empty) first characters/space which correspond to the hidden <span style="color: rgb(192,192,192);"> </span> styling.

• • Re‑type or paste the visible text again without that hidden formatting.

• Alternatively, move the content out of that first section into:

• • Another section/column within the same macro, or

• • A different organizing/layout macro, ensuring the initial hidden span is removed in the process.