Last modified: 2012-10-27 00:06:16 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 T31405, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 29405 - Hindi Title text characters are partially cut (not visible)
Hindi Title text characters are partially cut (not visible)
Status: RESOLVED FIXED
Product: MediaWiki
Classification: Unclassified
Parser (Other open bugs)
unspecified
All All
: Normal normal (vote)
: ---
Assigned To: Santhosh Thottingal
:
Depends on:
Blocks: 41348
  Show dependency treegraph
 
Reported: 2011-06-14 22:30 UTC by fast.rizwaan@gmail.com
Modified: 2012-10-27 00:06 UTC (History)
4 users (show)

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


Attachments
text getting cut with arora browser (99.72 KB, image/jpeg)
2011-06-14 22:30 UTC, fast.rizwaan@gmail.com
Details
chromium browser with cdac surekh hindi font (93.82 KB, image/jpeg)
2011-06-14 22:30 UTC, fast.rizwaan@gmail.com
Details
chromium with rather small font gargi still having text display issue on title (92.71 KB, image/jpeg)
2011-06-14 22:31 UTC, fast.rizwaan@gmail.com
Details
chromium with my font nithyananda (same problem) (92.01 KB, image/jpeg)
2011-06-14 22:32 UTC, fast.rizwaan@gmail.com
Details
chromium with classic hindi font Raghindi (same problem) (95.52 KB, image/jpeg)
2011-06-14 22:32 UTC, fast.rizwaan@gmail.com
Details
firefox 4 with nithyananda font (111.39 KB, image/jpeg)
2011-06-14 22:33 UTC, fast.rizwaan@gmail.com
Details
firefox 4 with surekh font (107.61 KB, image/jpeg)
2011-06-14 22:33 UTC, fast.rizwaan@gmail.com
Details
firefox 4 with raghindi font (111.63 KB, image/jpeg)
2011-06-14 22:34 UTC, fast.rizwaan@gmail.com
Details
KDE 4.7beta1 konqueror with Nithyananda font (100.72 KB, image/jpeg)
2011-06-14 22:34 UTC, fast.rizwaan@gmail.com
Details
Opera 11.1 with Nithyananda font (96.44 KB, image/jpeg)
2011-06-14 22:35 UTC, fast.rizwaan@gmail.com
Details
Opera 11.1 with Raghindi font (97.03 KB, image/jpeg)
2011-06-14 22:35 UTC, fast.rizwaan@gmail.com
Details
rekonq 0.7.52 with Nithyananda font (104.09 KB, image/jpeg)
2011-06-14 22:35 UTC, fast.rizwaan@gmail.com
Details
rekonq 0.7.52 with raghindi font (70.72 KB, image/jpeg)
2011-06-14 22:38 UTC, fast.rizwaan@gmail.com
Details
Windows 7 Home Basic SP1, Safari 5.0.3(7533.19.4), vector skin (79.29 KB, image/png)
2011-09-07 21:56 UTC, Siddhartha Ghai
Details
Add padding for #firstHeading (791 bytes, patch)
2011-09-10 06:20 UTC, Santhosh Thottingal
Details

Description fast.rizwaan@gmail.com 2011-06-14 22:30:19 UTC
Created attachment 8651 [details]
text getting cut with arora browser

Hindi Wikipedia, renders the title text with fonts having big sized characters improperly

Please test hi.wikipedia.org with my and cdac fonts:

My font Nithyananda.ttf http://kde-look.org/content/show.php/Nithyananda+Hindi+Unicode+Font+%28GPL%29?content=142684

and many existing hindi fonts like "Raghu.ttf or Raghindi.ttf" "CDAC Fonts Yogesh" "CDAC font gargi", etc., see and download the fonts here:

http://tdil.mit.gov.in/download/openfonts.htm

My GPL font Nithyananda.ttf also uses big characters; because text is unreadable and manually hinting is the work of professional. 

Affect Webbrowsers:
Not only it cuts the text in all webrowsers in Linux it also has the same issue in Internet explorer and other web browsers in MS Windows too.

Please see the attachments of different fonts and webbrowsers I tested the website
http://hi.wikipedia.org/wiki/%E0%A4%B5%E0%A4%BF%E0%A4%95%E0%A4%BF%E0%A4%AA%E0%A5%80%E0%A4%A1%E0%A4%BF%E0%A4%AF%E0%A4%BE:%E0%A4%A8%E0%A4%BF%E0%A4%B0%E0%A5%8D%E0%A4%B5%E0%A4%BE%E0%A4%9A%E0%A4%BF%E0%A4%A4_%E0%A4%B5%E0%A4%BF%E0%A4%B7%E0%A4%AF_%E0%A4%B5%E0%A4%B8%E0%A5%8D%E0%A4%A4%E0%A5%81

Expected behavior:
The text top and bottom height should be bigger on hindi wikipedia so that various fonts could work well with wikipedia. thanks.
Comment 1 fast.rizwaan@gmail.com 2011-06-14 22:30:51 UTC
Created attachment 8652 [details]
chromium browser with cdac surekh hindi font
Comment 2 fast.rizwaan@gmail.com 2011-06-14 22:31:35 UTC
Created attachment 8653 [details]
chromium with rather small font gargi still having text display issue on title
Comment 3 fast.rizwaan@gmail.com 2011-06-14 22:32:17 UTC
Created attachment 8654 [details]
chromium with my font nithyananda (same problem)
Comment 4 fast.rizwaan@gmail.com 2011-06-14 22:32:54 UTC
Created attachment 8655 [details]
chromium with classic hindi font Raghindi (same problem)
Comment 5 fast.rizwaan@gmail.com 2011-06-14 22:33:19 UTC
Created attachment 8656 [details]
firefox 4 with nithyananda font
Comment 6 fast.rizwaan@gmail.com 2011-06-14 22:33:45 UTC
Created attachment 8657 [details]
firefox 4 with surekh font
Comment 7 fast.rizwaan@gmail.com 2011-06-14 22:34:09 UTC
Created attachment 8658 [details]
firefox 4 with raghindi font
Comment 8 fast.rizwaan@gmail.com 2011-06-14 22:34:39 UTC
Created attachment 8659 [details]
KDE 4.7beta1 konqueror with Nithyananda font
Comment 9 fast.rizwaan@gmail.com 2011-06-14 22:35:11 UTC
Created attachment 8660 [details]
Opera 11.1 with Nithyananda font
Comment 10 fast.rizwaan@gmail.com 2011-06-14 22:35:33 UTC
Created attachment 8661 [details]
Opera 11.1 with Raghindi font
Comment 11 fast.rizwaan@gmail.com 2011-06-14 22:35:57 UTC
Created attachment 8662 [details]
rekonq 0.7.52 with Nithyananda font
Comment 12 fast.rizwaan@gmail.com 2011-06-14 22:38:06 UTC
Created attachment 8663 [details]
rekonq 0.7.52 with raghindi font

thanks.
Comment 13 Brion Vibber 2011-06-14 22:48:21 UTC
I can confirm this in Firefox 5 / Mac OS X on the linked page...

There's an 'overflow: hidden' applied to all headers in Vector skin... and actually in most of our skins (wtf?). In combination with too-tight spacing this is probably what's causing the risers to get cut off.

I'm not sure what the reason for those overflows is; it may be for really-long or really-wide titles in which case fixing it to only apply horizontally might help.
Comment 14 Derk-Jan Hartman 2011-06-15 10:10:46 UTC
it is there to fix the bunching issue of edit links.
Comment 15 Brion Vibber 2011-06-15 17:47:23 UTC
Is that something that becomes obsolete when the section edit links are no longer floated?
Comment 16 Mayur 2011-08-18 17:48:59 UTC
Actually there exists some fonts problem, as Collection extension also show Wrong fonts in generated PDF.Our words are not looking correct in pdf format generated by Collection extension,for example रचियता(correct) is lookin like रचयइता(wrong).
Comment 17 fast.rizwaan@gmail.com 2011-08-18 18:01:28 UTC
(In reply to comment #16)
> Actually there exists some fonts problem, as Collection extension also show
> Wrong fonts in generated PDF.Our words are not looking correct in pdf format
> generated by Collection extension,for example रचियता(correct) is lookin like
> रचयइता(wrong).

रचियता(correct) is not correct.

रचयिता <- this is correct
n. rachaita:
रचनाकार; सृजनकर्ता; सर्जक; रचयिता; सृजक; रचेता; प्रणेता; कर्त्ता; कर्ता; सिरजनहार; 'वह जो रचना करता या बनाता हो '
Comment 18 Mayur 2011-08-18 18:04:27 UTC
(In reply to comment #17)
> (In reply to comment #16)
> > Actually there exists some fonts problem, as Collection extension also show
> > Wrong fonts in generated PDF.Our words are not looking correct in pdf format
> > generated by Collection extension,for example रचियता(correct) is lookin like
> > रचयइता(wrong).
> 
> रचियता(correct) is not correct.
> 
> रचयिता <- this is correct
> n. rachaita:
> रचनाकार; सृजनकर्ता; सर्जक; रचयिता; सृजक; रचेता; प्रणेता; कर्त्ता; कर्ता;
> सिरजनहार; 'वह जो रचना करता या बनाता हो '

I know that, plz create a pdf of any article on hindi wiki and see you will find what i am saying.
Comment 19 fast.rizwaan@gmail.com 2011-08-18 20:13:57 UTC
(In reply to comment #18)

> I know that, plz create a pdf of any article on hindi wiki and see you will
> find what i am saying.

Yes, The pdf is not rendering devanagari characters; that might be related to icu-4.8.1 at wikimedia.
Comment 20 Brion Vibber 2011-09-07 21:28:19 UTC
Bug 30809 looks closely related.
Comment 21 Siddhartha Ghai 2011-09-07 21:56:57 UTC
Created attachment 9037 [details]
Windows 7 Home Basic SP1, Safari 5.0.3(7533.19.4), vector skin

Upper diacritics fine, lower diacritics cut in page title and heading. Page: विकिपीडिया:निर्वाचित विषयवस्तु
Comment 22 Santhosh Thottingal 2011-09-10 06:20:57 UTC
Created attachment 9041 [details]
Add padding for #firstHeading

Zero padding for #firstHeading makes text cut for scripts like Devanagari , Malayalam etc(Bug 29405 and 30809), especially when the glyphs are stacked or having lower diacritic marks.
Remove padding-top:0 and padding-bottom:0 to allow h1 inherit the padding bottom and top values from commonElements.css fixes this.

Fixing overflow:hidden will also make them appear, but will be overlapping with the line below heading.
Comment 23 Santhosh Thottingal 2011-09-10 06:22:20 UTC
*** Bug 30809 has been marked as a duplicate of this bug. ***
Comment 24 Siddhartha Ghai 2011-09-11 16:02:00 UTC
(In reply to comment #22)
> Created attachment 9041 [details]
> Add padding for #firstHeading
> 
> Zero padding for #firstHeading makes text cut for scripts like Devanagari ,
> Malayalam etc(Bug 29405 and 30809), especially when the glyphs are stacked or
> having lower diacritic marks.
> Remove padding-top:0 and padding-bottom:0 to allow h1 inherit the padding
> bottom and top values from commonElements.css fixes this.
> 
> Fixing overflow:hidden will also make them appear, but will be overlapping with
> the line below heading.

The section headings are h2 and under span class mw-heading. Headings h1 to h6 seem to have overflow:hidden and padding-bottom:0.17em . This is causing the headings too to be cut. Maybe setting padding-bottom for mw-heading too would help? (seems good to me at around 0.32em in vector, but that may be browser and machine-specific).
Comment 25 Santhosh Thottingal 2011-09-22 07:35:35 UTC
Fixed in r97788

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


Navigation
Links