What is the problem?
With Realtime Preview open, when I move the horizontal resizer to the right, I can keep going indefinitely.
This only happens in Vector 2022 with the left-hand menu open.
It is particularly bad if the article has wide, non-wrappable elements like tables (see second example gif below).
Quoting @MusikAnimal in T313376#8098208:
Looks like the issue described at T306877#8093774 (now part of this task) was introduced with the new Vector grid system (T312241, enabled with r808258). .mw-content-container now has the CSS rule max-width: none, which as Dom points out is only present when the left sidebar is open in Vector 2022. It also only effects wide viewports as specified by @width-breakpoint-desktop-wide (currently ~1200px).
Steps to reproduce problem
- Login to any beta site or https://mediawiki.org
- Go to Special:Preferences and click "Beta features"
- Enable the "Realtime Preview" beta feature
- On editing tab mark "Temporarily disable the visual editor while it is in beta" and save
- Edit any page with the WikiEditor
- Expand the left-hand menu (if it is not already expanded)
- Click "Preview" to open Realtime Preview
- Click the horizontal resizer and resize it to the right
Expected behavior: The overall width of the WikiEditor remains the same.
Observed behavior: You can keep scrolling to the right indefinitely.
Environment
Browser: Firefox 91, Chromium 87.
Wiki(s): https://www.mediawiki.org MediaWiki 1.39.0-wmf.23 (ebb8bac) 00:09, 2 August 2022.
Editor: WikiEditor 0.5.3 (6ec8074) 12:27, 1 August 2022.
Skin: Vector 1.0.0 (ea5c4d3) 15:47, 1 August 2022.
Screenshots
Example of infinite scroll:
Example of an article with wide elements (article here). You only need to touch the horizontal scroll bar to see the bug:
