An item that is too wide (e.g. image resized to full width) overflows and obscures the sidebar in the visual diff
Open, NormalPublic1 Story Points

Description

I'm copy/pasting from https://www.mediawiki.org/wiki/Topic:Tn9sxkrou2a264xd .

"Problem

An image resized to full horizontal width, using the visual editor goes overflows and may obscure the text in the sidebar.

Reproduction steps

Go to an article with an image, e.g. VisualEditor/Design/User testing and enter edit mode
Click on File:July31 toolbar.png
Click edit
Click Advanced settings
Click make full size
Click apply changes
Click publish changes
Click review changes
Click Visual
Expected

The image doesn't on top of the sidebar. A scroll bar can be use to see the rest of it.

Actual

The image goes beyond the preview section and is also visible in the sidebar".

TheDJ confirms and adds, "Might want to have at least overflow:hidden on .ve-ui-diffElement-content" .

Our IP friend adds, "Yes, this also happens full width (100%) "<pre>" blocks, and overflow hidden wouldn't work too well because it would hide some entered content, unless maybe a scroll bar is added to the separate preview area."

Elitre created this task.Mar 27 2017, 9:06 AM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 27 2017, 9:06 AM
Jdforrester-WMF renamed this task from An image resized to full width overflows and shows up in sidebar to An item that is too wide (e.g. image resized to full width) overflows and obscures the sidebar in the visual diff.Apr 25 2017, 7:23 PM
Jdforrester-WMF triaged this task as Normal priority.
Jdforrester-WMF set the point value for this task to 1.
Jdforrester-WMF moved this task from To Triage to TR6: Visual diffs on the VisualEditor board.