Page MenuHomePhabricator
Create Task
Maniphest T32809

Lower Diacritics of Devanagari Hidden in Page Titles and Section Headings
Closed, ResolvedPublic
Actions

Assigned To
• santhosh
Authored By
Siddhartha-Ghai
Sep 7 2011, 8:55 PM
Tags
Referenced Files
F8074: New_Bitmap_Image_(2).jpg
Nov 21 2014, 11:50 PM
F8073: New_Bitmap_Image.jpg
Nov 21 2014, 11:50 PM
F8071: Opera_11.50_with_monobook_skin.png
Nov 21 2014, 11:50 PM
F8072: Safari_5.0.3(7533.19.4)_with_monobook_skin.png
Nov 21 2014, 11:50 PM
F8070: IE_8.0.7601.17514_with_Vector_skin.png
Nov 21 2014, 11:50 PM
F8068: Chrome_13.0.782.220_m_with_monobook_skin.png
Nov 21 2014, 11:50 PM
F8069: Firefox_6.0_with_monobook_skin.png
Nov 21 2014, 11:50 PM
F8067: Safari_5.0.3(7533.19.4)_with_vector_skin.png
Nov 21 2014, 11:50 PM
View All 12 Files
Subscribers
MarkAHershberger
• santhosh
siebrand

Description

The devanagari diacritics that appear below the alphabets are cut off in article titles and headings with border-bottom(the grey line) in hindi wikipedia.

The problem is present in the vector and monobook skins atleast. Haven't checked out the other skins yet.

In the vector skin, the problem might be with the padding-bottom for these. The solution would require browser-specific css.

The headings problem can be seen(even by those who dont recognise devanagari at http://hi.wikipedia.org/wiki/%E0%A4%B8%E0%A4%A6%E0%A4%B8%E0%A5%8D%E0%A4%AF:Siddhartha_Ghai/sandbox05 ).

Version: unspecified
Severity: normal

Details

Reference
bz30809

Related Objects

Event Timeline

• bzimport raised the priority of this task from to Medium.Nov 21 2014, 11:50 PM
• bzimport added a project: MediaWiki-User-Interface.
• bzimport set Reference to bz30809.
Siddhartha-Ghai created this task.Sep 7 2011, 8:55 PM
Siddhartha-Ghai added a comment.Sep 7 2011, 9:23 PM

Windows 7 Home Basic SP1, Chrome 13.0.782.220 m, vector skin

Attached:

Chrome_13.0.782.220_m_with_vector_skin.png (561×113 px, 8 KB)

Siddhartha-Ghai added a comment.Sep 7 2011, 9:25 PM

Windows 7 Home Basic SP1, Firefox 6.0, vector skin

Attached:

Firefox_6.0_with_Vector_skin.png (582×120 px, 7 KB)

• brion added a comment.Sep 7 2011, 9:26 PM

This ultimately looks similar to bug 29405, though on the other side -- there the risers go too far up and get cut off, here the descenders go too far down and get cut off.

In both cases, the header element has an 'overflow: hidden' style, which causes anything going outside the box area to get clipped and hidden instead of spilling over the edge.

Note that I have trouble reproducing this cutoff issue on my Linux or Mac machines, but can definitely see it on Windows. Seems to vary depending on the font & font rendering system, you end up with less or more space...

Siddhartha-Ghai added a comment.Sep 7 2011, 9:27 PM

Windows 7 Home Basic SP1, IE8.0.7601.17514, vector skin

Attached:

IE_8.0.7601.17514_with_Vector_skin.png (573×113 px, 7 KB)

Siddhartha-Ghai added a comment.Sep 7 2011, 9:30 PM

Windows 7 Home Basic SP1, Opera 11.50, vector skin

This is the only one without a problem that I've seen so far.

Attached:

Opera_11.5_with_Vector_skin.png (595×123 px, 7 KB)

Siddhartha-Ghai added a comment.Sep 7 2011, 9:32 PM

Windows 7 Home Basic SP1, Safari 5.0.3(7533.19.4), vector skin

Attached:

Safari_5.0.3(7533.19.4)_with_vector_skin.png (621×119 px, 7 KB)

Siddhartha-Ghai added a comment.Sep 7 2011, 9:33 PM

Windows 7 Home Basic SP1, Chrome 13.0.782.220 m, monobook skin

Attached:

Chrome_13.0.782.220_m_with_monobook_skin.png (626×129 px, 7 KB)

Siddhartha-Ghai added a comment.Sep 7 2011, 9:43 PM

Windows 7 Home Basic SP1, Firefox 6.0, monobook skin

Attached:

Firefox_6.0_with_monobook_skin.png (588×112 px, 9 KB)

Siddhartha-Ghai added a comment.Sep 7 2011, 9:44 PM

Windows 7 Home Basic SP1, IE8.0.7601.17514, monobook skin

Attached:

IE_8.0.7601.17514_with_Vector_skin.png (573×113 px, 7 KB)

Siddhartha-Ghai added a comment.Sep 7 2011, 9:45 PM

Windows 7 Home Basic SP1, Opera 11.50, monobook skin

Again, this is the only one which works.

Attached:

Opera_11.50_with_monobook_skin.png (582×95 px, 7 KB)

Siddhartha-Ghai added a comment.Sep 7 2011, 9:47 PM

Windows 7 Home Basic SP1, Safari 5.0.3(7533.19.4), monobook skin

Attached:

Safari_5.0.3(7533.19.4)_with_monobook_skin.png (614×107 px, 9 KB)

• santhosh added a comment.Sep 10 2011, 6:22 AM
  • This bug has been marked as a duplicate of bug 29405 ***
Siddhartha-Ghai added a comment.Sep 24 2011, 7:25 PM

Bug 29405 only lists the problem with the article title, not that with the section headings. r97788 fixes only the title, not the section headings.

Also, the problem might arise anywhere there's a top or bottom border, but I haven't checked that yet.

• santhosh added a comment.Oct 10 2011, 4:19 AM

Discussed this with Trevor, and he proposed language specific css rules, otherwise it will affect other languages too. r97788 was reverted and r99389 addresses this in language specific way. Will get it reviewed by Trevor again.

siebrand added a comment.Dec 14 2011, 11:53 PM

Closing this a little late, but fixes were made in r99389, r104160, r105517, r105521.

Siddhartha-Ghai added a comment.Dec 20 2011, 8:30 AM

(In reply to comment #15)

Closing this a little late, but fixes were made in r99389, r104160, r105517,
r105521.

Problem is down but not out. The #firstHeading property(line-height:1.2em) seems to be overriding the language-specific css(line-height:1.5em). I'm seeing this behaviour in chrome 16.0.912.63 m and firefox 8.0 with windows 7 Home Basic X64 SP1.

However, adding an !important to the language-specific css seems to solve the problem.

Siddhartha-Ghai added a comment.Dec 20 2011, 8:37 AM

Chrome 16.0.912.63 m behaviour

Attachment for comment 16

Attached:

New_Bitmap_Image.jpg (643×1 px, 305 KB)

Siddhartha-Ghai added a comment.Dec 20 2011, 8:41 AM

Chrome 16.0.912.63 m behaviour with !important

Attachment for comment 16 showing possible fix.

Attached:

New_Bitmap_Image_(2).jpg (643×1 px, 297 KB)

siebrand added a comment.Jan 5 2012, 8:01 PM

Santhosh, can you have a look at this? IIRC we did add an !important somewhere already...

• santhosh added a comment.Jan 6 2012, 11:34 AM

Addressed in r108215.

MarcoAurelio added a project: Hindi-Sites.Dec 24 2016, 5:28 PM
MarcoAurelio removed a parent task: T43348: [DO NOT USE] Hindi Wikiprojects (tracking) [superseded by #Hindi-Sites].Dec 24 2016, 5:31 PM
Aklapper mentioned this in T333938: Nepali text characters in section headings (H2) partially cut.Apr 4 2023, 12:32 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL