Page MenuHomePhabricator

RevisionSlider tooltip position broken on RTL languages
Closed, ResolvedPublic

Description

See screenshot. The issue was introduced with OOjs UI v0.19.2 but seems to be fixed in v0.19.4. The later is not deployed on production yet.

RevsiionSlider RTL Tooltips.png (900×1 px, 167 KB)

See as well: https://www.mediawiki.org/wiki/Topic:Tlyesrmx98oz50ce

Event Timeline

When fixing this - e.g. by deploying v0.19.4 be aware, that this version will introduce a new issue: T159434

More testing with v0.19.4 brought up another problem with RTL and popups:

The tooltips are not completly out of place but instead of shown centered under the revision hovered they show at the right end. See screenshot below, the mouse hovering over the red circled revision.

RevsiionSlider RTL Tooltips 0.19.14.png (921×1 px, 136 KB)

Change 340779 had a related patch set uploaded (by WMDE-Fisch):
[mediawiki/extensions/RevisionSlider] Quick fix for misplaced tooltips on RTL wikis

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

Change 340794 had a related patch set uploaded (by Addshore; owner: WMDE-Fisch):
[mediawiki/extensions/RevisionSlider] Quick fix for misplaced tooltips on RTL wikis

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

Change 340981 had a related patch set uploaded (by wmde-fisch):
[mediawiki/extensions/RevisionSlider] Refactor usage of OOjs UI tooltips

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

https://gerrit.wikimedia.org/r/340981 fixes the tooltips for the current master and v0.19.4. Now they are used as intended and hopefully more stable when it comes to changes.

Change 340794 merged by jenkins-bot:
[mediawiki/extensions/RevisionSlider] Quick fix for misplaced tooltips on RTL wikis

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

Change 340779 merged by jenkins-bot:
[mediawiki/extensions/RevisionSlider] Quick fix for misplaced tooltips on RTL wikis

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

Mentioned in SAL (#wikimedia-operations) [2017-03-03T18:43:06Z] <addshore@tin> Synchronized php-1.29.0-wmf.14/extensions/RevisionSlider/modules/ext.RevisionSlider.css: T159428 [[gerrit:340794|Quick fix for misplaced tooltips on RTL wikis]] (duration: 00m 42s)

Deployed.
It looks like this is only a partial fix, the tooltip is still miss-aligned, but at least it can now be seen on RTL wikis.

@IKhitron it seems to be working for me!

pasted_file (645×1 px, 67 KB)

Could you attach a screenshot of how it appears for you?
Please make sure the CSS is not cached in your browser!

It works now. Maybe it needed some time. I did then Ctrl-F5 and purge, didn't help, but now it's just fixed without changing something else. Thank you!

Addshore triaged this task as High priority.Mar 4 2017, 5:20 PM
Addshore moved this task from Sprint ready to Done on the WMDE-TechWish board.

Change 340981 merged by jenkins-bot:
[mediawiki/extensions/RevisionSlider] Refactor usage of OOjs UI tooltips

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

It looks like this is only a partial fix, the tooltip is still miss-aligned, but at least it can now be seen on RTL wikis.

When https://gerrit.wikimedia.org/r/340981 is deployed this week the tooltip should be aligned completely fine again.