Page MenuHomePhabricator

VisualEditor: editing window does not horizontally scroll for wide tables or other elements
Closed, ResolvedPublic

Description

first table at [[Comparison of container formats]] rendered in a 1024px wide window. Firefox 22 on Linux

In VisualEditor the editing window does not horizontally scroll to accommodate wide tables. Table cells and their contents render as if the window did scroll, but as it does not they are truncated.


Version: unspecified
Severity: normal
See Also:
https://bugzilla.wikimedia.org/show_bug.cgi?id=51755
https://bugzilla.wikimedia.org/show_bug.cgi?id=51820

Attached:

VE_no_horizonal_scroll (398×219 px, 16 KB)

Details

Reference
bz51867

Event Timeline

bzimport raised the priority of this task from to High.Nov 22 2014, 2:02 AM
bzimport set Reference to bz51867.

Comment on attachment 12931
first table at [[Comparison of container formats]] rendered in a 1024px wide window. Firefox 22 on Linux

Fix MIME type

en.wp user Cryptic C62 comments:
"VE does not correctly render any table wider than the screen, nor does it allow horizontal scrolling. This effect seems to extend to any wide element, including math formulas, images, transclusions, and text with non-breaking spaces. Some other findings:

  • A horizontal scroll bar does appear when hovering over some elements with a mouseover effect, specifically images and uneditables (Strangely, the scroll bar does not appear when hovering over the {{Details}} template in this example). Scrolling can then occur if you have a clickable mousewheel.
  • By placing the text cursor near the visible end of wide text, and pressing the right arrow key, it is possible to sneak the text cursor off of the page."

Test cases: https://en.wikipedia.org/w/index.php?title=User:Cryptic_C62/sandbox&oldid=567261009

Jdforrester-WMF lowered the priority of this task from High to Medium.Jan 9 2015, 10:55 PM

it would be nice to have a fix for horizontal scrolling for wide tables

matmarex subscribed.

This works correctly these days. The page is horizontally scrollable.