Summary

Images in page layout containers sized as "Original" have scroll bars at the bottom of the frame/container

Version info

Version	isAffected
7.19	not affected
8.5	not affected
8.9	is affected (likely version where the behavior was introduced)
Latest bug-fix LTS version 9.2.0	is affected

Description

Issue Summary

Images in page layout containers sized as "Original" have side scroll bars

Steps to Reproduce

Reproduction steps:
1. Create a page
2. Add a page layout [2|1]
3. Place very wide image into [2]
4. Ensure image is on "Original" sizing option
5. Save page, take note of the scroll bars that appear at the bottom of the frame/container
6. Edit page.
7. Remove page layout
8. Save page, take note of the lack of scroll bars at the bottom of the image

issue replicated locally and recording available here - IssueReproducedLocally.mov

Expected Results

The image should not have a horizontal scroll bar under it.

Actual Results

The image is having a horizontal scroll bar underneath, even though there is no visible overflow.

Workaround

You can force the CSS behavior at the space or site level based on documentation:

• Basic Styling Tutorial

Please take a look at the workaround steps on this recording: Workaround.mov
At the space level wherever this correction is needed, add the code below under Space Tools > Look and Feel > Stylesheet

.wiki-content .innerCell {
    overflow-x: hidden;
}

create a test space and test page (with the aforementioned layout choice, along with a large enough image inside that layout) to confirm the intended behavior.

It is also possible to design the same from the Global Confluence configuration > General Configuration > Stylesheet (under Look and Feel section)
You can define the same small code change behavior there too and it will apply to all the site.

.wiki-content .innerCell {
    overflow-x: hidden;
}