Page MenuHomePhabricator

the jquery.tipsy CSS is wrong for RTL
Closed, ResolvedPublic

Description

Mediawiki overrides the default tipsy CSS, and the one used does not work 100% correctly for RTL.

the problem only appears when "gravity" is ne,nw,se or sw. the problem is that the small protrusion at the top of the tipsy box is at the wrong side for RTL.

unfortunately, there is some unrelated issue with RTL and "debug=true":
with "debug=true" a lot of stuff is displayed wrong for RTL, but at the same time, it fixes the tipsy issue.

REPRODUCTION:
open an rtl mediawiki page, and run the following code in the console:

mw.loader.using('jquery.tipsy', function() {
$(function() {

function titleFunc(){return "this is a long enough text";}
$('a', mw.util.$content).tipsy({html: true, title: titleFunc, gravity: 'ne'})

});
});

note that the little notch at the top of the tipsy opens at the left instead of the right.


Version: 1.18.x
Severity: normal

Details

Reference
bz34175

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 12:09 AM
bzimport set Reference to bz34175.
bzimport added a subscriber: Unknown Object (MLST).

About the debugging, that is a known issue, https://www.mediawiki.org/wiki/Directionality_support#ResourceLoader links to bug 27025 about this.

So if debug mode solves it, adding @noflip to the relevant styles might fix the bug.

Also, I think it might be related to bug 29002.