Page MenuHomePhabricator

Flow: some long urls break out of the div in Chrome
Closed, ResolvedPublic

Description

screenshot of problem

This long URL breaks in Chrome, both in the preview area and once saved. It doesn't break in the edit-window. (See screenshot)
https://maps.google.com/maps?q=Wikimedia+Foundation+Inc.,+New+Montgomery+Street,+San+Francisco,+CA&hl=en&sll=37.7577,-122.4376&sspn=0.197332,0.41851&oq=wikimedi&t=m&z=16&iwloc=A

Possibly this is a browser problem, as making a long url without any characters-that-can-be-assumed-as-linebreaks (eg. a long string of "dddd...") will also break out of the edge in Firefox, eg https://en.wikipedia.org/w/index.php?title=User:Quiddity/sandbox&oldid=584480274

However, the ",+&=" characters in that googlemaps link should provide ample opportunity for linebreaks, so possibly it's a Flow/Parsoid/MW bug.


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

Attached:

Screenshot_from_2013-12-03_21:34:25.png (1×1 px, 128 KB)

Details

Reference
bz57962

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 22 2014, 2:15 AM
bzimport set Reference to bz57962.
bzimport added a subscriber: Unknown Object (MLST).

bingle-admin wrote:

The WMF core features team tracks this bug on Mingle card https://mingle.corp.wikimedia.org/projects/flow/cards/577, but people from the community are welcome to contribute here and in Gerrit.

Created attachment 14257
screenshot of chromium

Newer example: http://ee-flow.wmflabs.org/w/index.php?title=User_talk:Zoidbergsays&workflow=050dcd57c763f00fc8b1fa163e68c4ac

It busts out of the topic-title area in both Chromium and Firefox,

Within the post - in Firefox it gets wrapped correctly, but in Chromium it creates the overflow-horizontal-scrollbar. I'm not sure if this can be fixed.

Attached:

Screenshot_from_2014-01-08_11:34:35.png (1×1 px, 160 KB)

This is a browser issue as far as I'm concerned. The way to fix it would probably be some CSS word breaking setting.

See: http://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/

Change 108972 had a related patch set uploaded by Werdna:
Allow word breaks at any place in links.

https://gerrit.wikimedia.org/r/108972

Change 108972 merged by jenkins-bot:
Force word breaks in the various user content areas

https://gerrit.wikimedia.org/r/108972