Last modified: 2013-07-18 06:30:42 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T42218, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 40218 - jquery.ui.button: Buttonset in RTL languages has wrong border radius applied
jquery.ui.button: Buttonset in RTL languages has wrong border radius applied
Status: NEW
Product: MediaWiki
Classification: Unclassified
JavaScript (Other open bugs)
unspecified
All All
: Low minor (vote)
: ---
Assigned To: Nobody - You can work on this!
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2012-09-13 11:43 UTC by Rainer Rillke @commons.wikimedia
Modified: 2013-07-18 06:30 UTC (History)
3 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
Screenshot of the "buttonset" in Firefox 22 // https://www.mediawiki.org/wiki/User:Rillke?uselang=he (26.27 KB, image/png)
2013-07-18 06:25 UTC, Rainer Rillke @commons.wikimedia
Details

Description Rainer Rillke @commons.wikimedia 2012-09-13 11:43:24 UTC
Consider a buttonset consisting of 2 buttons.

To emphasize the unity of a buttonset jQuery applies "ui-corner-<left|right>" classes which will cause a border radius in most browsers.

When using RTL languages, the left-most button of the set gets "ui-corner-left" but since it is flipped this with CSSJanus, the border radius is at the right side.

Perhaps adding /* @noflip */ to the defs of "ui-corner-<left|right>" would be enough?
Comment 1 Rainer Rillke @commons.wikimedia 2013-07-18 06:25:53 UTC
Created attachment 12879 [details]
Screenshot of the "buttonset" in Firefox 22 // https://www.mediawiki.org/wiki/User:Rillke?uselang=he
Comment 2 Rainer Rillke @commons.wikimedia 2013-07-18 06:30:42 UTC
This one is more tricky because, if you add dir="rtl" or style="direction:rtl" to the parent container, these inline-block elements swap their sorting and it looks ok.

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links