Page MenuHomePhabricator

« main.css » ( and « rtl.css » ) should use the directionality « inherit? » for « non-textual entities »
Closed, ResolvedPublic

Description

Author: gangleri

Description:
Dear friends,

In order to reproduce the error it would best to log in at a LTR wiki as at [[commons:]] or at [[meta]]
and add « ?uselang=foo » behind the url, where foo is one of the languages

« [[ar:]] », « [[arc:]] », « [[dv:]] », « [[fa:]] », « [[he:]] », « [[ks:]] »,
« [[ps:]] », « [[sd:]] », « [[ug:]] », « [[ur:]] », « [[yi:]] »

While serching for « .gif > in « main.css »

I found

li#pt-login {
background: url(user.gif) top left no-repeat;
padding-left: 20px;
text-transform: none;
}

also

#bodyContent a[href ^="https://"],
.link-https {
background: url(lock_icon.gif) center right no-repeat;
padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
background: url(mail_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="news://"] {
background: url(news_icon.png) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
background: url(file_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="irc://"],
.link-irc {
background: url(discussionitem_icon.gif) center right no-repeat;
padding-right: 18px;
}

and some others.

I was woundering about the *fixed* directionality defined there.

I remembered
https://bugzilla.mozilla.org/show_bug.cgi?id=179393#c11


Created an attachment (i d = 206193) [details]

this is https://bugzilla.mozilla.org/attachment.cgi?id=206193

screen dump relating to rendering of "non-textual entities" - difference
between Firefox and IE

(In reply to comment #3)

CSS 2 (http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-unicode-bidi) says:

In this process, non-textual entities such as images are treated as neutral
characters, unless their 'unicode-bidi' property has a value other than
'normal', in which case they are treated as strong characters in the
'direction' specified for the element

I assume that using the directionality of the the *surrounding block* for the « .css » of the « non-textual entities » could solve a lot of problems both for the .gif's, the checkboxes used in prefreneces, in page editing and in many special pages.

This should solve (at least) the following bugs:

bug 001061 (RTL) external website icon displays in the text and makes it unreadable
bug 003956 BiDi: user icon should be displayed properly regardles of the LTR / RTL
and many others from http://bugzilla.wikimedia.org/showdependencytree.cgi?id=745

Please add the involved bug reports in the « Blocks: » filed.

Thanks in advance for all your efforts!
Best regards Reinhardt [[user:Gangleri]]

reference links:
http://svn.wikimedia.org/viewvc/mediawiki/trunk/phase3/skins/monobook/rtl.css?view=markup
http://svn.wikimedia.org/viewvc/mediawiki/trunk/phase3/skins/monobook/rtl.css?view=markup

http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-unicode-bidi
http://www.google.de/search?hl=en&num=100&as_q=directionality&as_epq=non-textual+entities

http://www.google.de/search?as_q=&hl=en&num=10&as_sitesearch=w3.org&q=directionality+inherit
http://www.google.de/search?as_q=&hl=en&num=10&as_epq=directionality+inherit
http://www.google.de/search?as_q=&hl=en&num=10&as_epq=inherit+directionality

[[wikt:yi:user:לערי ריינהארטi/tests/bugzilla#RTL_and_BiDi_issues]]
contains an older list of RTL projects or languages that are or will using both LTR and RTL scripts

available attachments at « MediaZilla: »

http://bugzilla.wikimedia.org/attachment.cgi?id=1061
http://bugzilla.wikimedia.org/attachment.cgi?id=193
and many more


Version: unspecified
Severity: normal

Details

Reference
bz12243

Event Timeline

bzimport raised the priority of this task from to Low.Nov 21 2014, 9:57 PM
bzimport set Reference to bz12243.
bzimport added a subscriber: Unknown Object (MLST).

gangleri wrote:

(In reply to comment #0)
...

While serching for « .gif > in « main.css »

I found

also a .png at

#bodyContent a.external,
#bodyContent a[href ^="gopher://"] {
background: url(external.png) center right no-repeat;
padding-right: 13px;
}

jp.posma wrote:

This has been fixed when CSSJanus was introduced.