Page MenuHomePhabricator

Flow ToC widget text not wrapped/ellipsized; overlaps with board description widget
Closed, ResolvedPublic

Description

Steps;

  1. Firefox 57 or Chromium 63
  2. Go to https://www.mediawiki.org/wiki/Project:Support_desk
  3. Scroll down

Expected:
No text overlapping

Actual outcome:
Unreadable text

Screenshot from 2018-01-12 17-37-55.png (375×1 px, 135 KB)

Note: the text in the ToC is truncated when in the list, but not when shown as a section title.

Capture d’écran_2018-01-15_16-03-23.png (288×990 px, 43 KB)

Event Timeline

Same thing on my side. I'm updating the task with some findings.

Confirmed in testwiki - happens only on scrolling.
The topic is displayed truncated in 'Browse topics' and in the title:

Screen Shot 2018-01-16 at 2.13.17 PM.png (291×1 px, 61 KB)

Screen Shot 2018-01-16 at 2.13.44 PM.png (332×1 px, 47 KB)

But on scrolling it overflows the text field:

Screen Shot 2018-01-16 at 1.55.41 PM.png (265×1 px, 68 KB)

Or the example from mediawiki: https://www.mediawiki.org/wiki/Project:Support_desk

Change 407448 had a related patch set uploaded (by Sbisson; owner: Sbisson):
[mediawiki/extensions/Flow@master] Ensure TOC button label is truncated

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

Change 407448 merged by jenkins-bot:
[mediawiki/extensions/Flow@master] Ensure TOC button label is truncated

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

238482n375 triaged this task as Lowest priority.
238482n375 moved this task from Next Up to In Code Review on the Analytics-Kanban board.
238482n375 edited subscribers, added: SBisson, 238482n375; removed: Aklapper.

SG9tZVBoYWJyaWNhdG9yCk5vIG1lc3NhZ2VzLiBObyBub3RpZmljYXRpb25zLgoKICAgIFNlYXJjaAoKQ3JlYXRlIFRhc2sKTWFuaXBoZXN0ClQxOTcyODEKRml4IGZhaWxpbmcgd2VicmVxdWVzdCBob3VycyAodXBsb2FkIGFuZCB0ZXh0IDtyBDQy1CWS1TQSC3IEdQTApZb3VyIGJyb3dzZXIgdGltZXpvbmUgc2V0dGluZyBkaWZmZXJzIGZyb20gdGhlIHRpbWV6b25lIHNldHRpbmcgaW4geW91ciBwcm9maWxlLCBjbGljayB0byByZWNvbmNpbGUu