Last modified: 2012-10-07 14:17:25 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 T42609, the corresponding Phabricator task for complete and up-to-date bug report information.

Bug 40609 - Some RTL interfaces have incredibly large width, causing horizontal scrollbar to appear


Summary:	Some RTL interfaces have incredibly large width, causing horizontal scrollbar...

Status:	RESOLVED FIXED

Product:	Wikimedia
Classification:	Unclassified
Component:	Fundraising (Other open bugs)
Version:	wmf-deployment
Hardware:	All All

Importance:	Unprioritized major (vote)
Target Milestone:	---
Assigned To:	Nobody - You can work on this!

URL:
Whiteboard:
Keywords:

Depends on:
Blocks:
	Show dependency tree / graph

Reported:	2012-09-29 02:25 UTC by Huji
Modified:	2012-10-07 14:17 UTC (History)
CC List:	7 users (show)

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

Attachments
Add an attachment (proposed patch, testcase, etc.)

Description Huji 2012-09-29 02:25:05 UTC

Pages in non-Special namespaces in some wikis using the RTL interface (examples below) have a very large width, which makes a horizontal scrollbar to appear. This happens with many browsers (Chrome, Firefox, Safari, ...) and many OS's (Mac OS, Windows, ...).

Here are a few examples:

http://ar.wikipedia.org/wiki/نابليون_الأول
http://fa.wikipedia.org/wiki/ناپلئون_بناپارت
http://fa.wikibooks.org/wiki/آموزش_زبان_انگلیسی
http://mzn.wikipedia.org/wiki/تبرستون_علویون

I can see the same problem in other projects in following RTL langauges: fa, mzn, ar. I haven't been able to reproduce it in Hebrew wikis of Wikimedia. Given that multiple projects are affected, it looks like a MediaWiki-level CSS-related bug.

Comment 1 Derk-Jan Hartman 2012-09-29 13:59:22 UTC

This is caused by the current siteNotice, who are using "left: -9999px;" which ALWAYS causes this kind of problem and NEVER should be used. It's not the first time this happens.

#B12_JimmyBlank {
  position: absolute;
  background-image: url(//upload.wikimedia.org/wikipedia/foundation/b/b5/Jimmy_ks_close.png);
  background-repeat: no-repeat;
  left: -9999px;
  margin-bottom: 0.5em !important;
  background-color:#FFFFFF;
  border: solid 1px silver; 
  height:172px;
  overflow: hidden;
  top: -9999px;
}

/* Bigger bold, blue text */
#B12_JimmyBlank #cn-bold-blue-text {
  font-size: 2.25em;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  color: navy;
  padding: 1.5em 80px 0.8em 210px;
  line-height: 1em;
  text-align:center;
}

Comment 2 Derk-Jan Hartman 2012-09-29 14:06:35 UTC

Notified the author. https://meta.wikimedia.org/w/index.php?title=User_talk%3AChadspencer&diff=4180757&oldid=3826695

Anyone got the email address of this contractor ? it's not listed on the staff page http://wikimediafoundation.org/wiki/User:Chadspencer

Comment 3 Huji 2012-09-29 23:59:20 UTC

Until Chad Spencer responds, can someone with admin access in Meta please add these lines to that page:

body.rtl #{{{banner}}} {

 left: 0;
 top: 0;

}

Comment 4 Marius Hoch 2012-10-07 14:16:30 UTC

Has been fixed on October 3 by Nemo bis: https://meta.wikimedia.org/w/index.php?diff=4196786&oldid=4103995&diffonly=1

Comment 5 Derk-Jan Hartman 2012-10-07 14:17:25 UTC

Fixed per https://meta.wikimedia.org/wiki/MediaWiki_talk:Centralnotice-template-B12_JimmyBlank and 

https://meta.wikimedia.org/w/index.php?title=MediaWiki%3ACentralnotice-template-B12_JimmyBlank&diff=4196786&oldid=4103995

If you still see it, please clear your browser cache:
http://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

Wikimedia Bugzilla is closed!

Search

Personal tools

Navigation

Links