Page MenuHomePhabricator

in RTL pages, images on the left cause text to become jumbled
Closed, InvalidPublic

Description

Author: timwi

Description:
BUG MIGRATED FROM SOURCEFORGE
http://sourceforge.net/tracker/index.php?func=detail&aid=997572&group_id=34373&atid=411192
Originally submitted by Shoshannah Forbes (xslf) 2004-07-25 17:33

in RTL (Hebrew, Arabic) pages, in the monobook theme,
images and tables inserterd on the left cause text to
the right of them to overlap one another (go undernith
the navbar) and fall off the screen when viewed in a
gecko browser like mozilla or mozilla firefox.

Some examples:
http://he.wikipedia.org/wiki/%D7%9B%D7%9C%D7%91%D7%99%D7%99%D7%9D
http://he.wikipedia.org/wiki/%D7%9E%D7%97%D7%A4%D7%A8
http://tinyurl.com/59fa9
http://tinyurl.com/3ppde


Version: unspecified
Severity: normal

Details

Reference
bz33

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 21 2014, 6:44 PM
bzimport set Reference to bz33.
bzimport added a subscriber: Unknown Object (MLST).

sagiil wrote:

The problem occur when a listed (with * or # prefix) paragraph is aligned
together with a table or an image.

The problem appears in the arabic wikipedia as well

xslf wrote:

A user in the Hebrew wikipedia published a partial fix to monoblock.css that
should solve some of this problem:

.ns-0 * #content ul{
display: table;
}

(see discussion here:
http://he.wikipedia.org/wiki/%D7%95%D7%99%D7%A7%D7%99%D7%A4%D7%93%D7%99%D7%94:%D7%93%D7%9C%D7%A4%D7%A7_%D7%99%D7%A2%D7%95%D7%A5#.D7.94.D7.91.D7.90.D7.92_.D7.94.D7.9B.D7.99_.D7.9E.D7.A2.D7.A6.D7.91.D7.9F
)

zigger wrote:

(In reply to comment #2)
The sample links now look ok, and the suggested CSS code is currently present in
[[he:MediaWiki:Monobook.css]].
Can the same be done for ordered lists?
Should the CSS be added to rtl.css for other RTL wikis?

gangleri wrote:

see
bug 3960: overlaping of page content area with navigation area in RTL wikis is
caused by images

gangleri wrote:

this is a known firefox issue
see https://bugzilla.mozilla.org/show_bug.cgi?id=262195

Bug list items extremely outdent when left floating object exists

gangleri wrote:

(In reply to comment #2)

A user in the Hebrew wikipedia published a partial fix to monoblock.css that
should solve some of this problem:

.ns-0 * #content ul{
display: table;
}

(see discussion here:

http://he.wikipedia.org/wiki/%D7%95%D7%99%D7%A7%D7%99%D7%A4%D7%93%D7%99%D7%94:%D7%93%D7%9C%D7%A4%D7%A7_%D7%99%D7%A2%D7%95%D7%A5#.D7.94.D7.91.D7.90.D7.92_.D7.94.D7.9B.D7.99_.D7.9E.D7.A2.D7.A6.D7.91.D7.9F

)

please note that this fix ist just for namespace 0
This is why http://yi.wiktionary.org/wiki/bugzilla/03953/image_and_asterisks
works and
http://he.wikipedia.org/w/index.php?title=project:Bugzilla/03953/image_and_asterisks&oldid=803409
does not.

Please let me know the correct syntax as
http://yi.wiktionary.org/w/index.php?title=MediaWiki:Monobook.css&diff=6568&oldid=6152
is probably wrong.
Thanks in advance! regards reinhardt [[user:gangleri]]

gangleri wrote:

from irc://irc.mozilla.org/mozwebtools/BiDi
<smontagu> identified this bug as
https://bugzilla.mozilla.org/show_bug.cgi?id=262195 (mentioned already in comment 5)

[bug MediaZilla 262195]: list items extremely outdent when left floating

object exists

*testcase*
I recreated link 1 from comment 1 at [[he:user:Gangleri/bugzilla/00033/link_1]].

best regards reinhardt [[user:gangleri]]

gangleri wrote:

*** Bug 3960 has been marked as a duplicate of this bug. ***

rotemliss wrote:

This bug is invalid, because the bug is in Gecko (Mozilla, Firefox, etc.), not
Wikipedia.

By the way, the current suggested workaround, already working in some of the
Hebrew projects, is:

div#content ul
{

display: table;

}
body.ns-6 div#content ul#filetoc,
body.ns-14 div#content ul
{

display: block;

}
html > body div#content ol
{

clear: left;

}

persia.20.huji wrote:

Here is the workaround we use in Farsi wikipedia for this bug:

html>body DIV#bodyContent ol, html>body DIV#bodyContent ul {

display:table;

border:1px solid #F8FCFF;

}

html>body DIV#bodyContent hr {

direction:ltr;

}