290004 - links on page overlap if the link text is "About"

Status: RESOLVED WONTFIX

(Core Graveyard :: GFX: Win32, defect)

Description

[Michael Stewart]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050317 Firefox/1.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050317 Firefox/1.0.2

In the page http://cs.unc.edu/~stewartm/error/index.php if the link has text
"About, it overlaps with other links, but "about" does not!  VERY Weird!  I
looked at in in Mozilla Firefox, but in IE it is "fine."

Reproducible: Always

Steps to Reproduce:
1.go to http://cs.unc.edu/~stewartm/error/index.php
2. look at links on  left
3.go to http://cs.unc.edu/~stewartm/error/other.php
4. look at linsk on left
5. realize that the only change is that the "A" in about has different case in
each page
Actual Results:  
i see that the link text overlaps if it is "About"

Expected Results:  
placed the links on separate lines

Comment 1

[Hermann Schwab]

Attachment: reduced testcase

doesn´t overlap if style font-weight:600; is removed.

Comment 2

[Boris Zbarsky [:bzbarsky]]

Both pages look fine with a current Linux trunk build, as far as I can tell. 
Can someone clearly describe the problem (post screenshot if needed)?

Comment 3

[Hermann Schwab]

Attachment: testcase seen in DOMI, screen resolution 800x600

#nav {
	border:2px solid #0033ff;
	position:absolute;
	top:76px;
	left:100px;
	width:121px;
}
ul.edit {
	list-style-type:none;
	list-style-position: inside;
	text-indent:-35px;
	}
a {
	border-width:0px;
	color:#0066ff;
	font-size:10px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600; /* produces overlap, if active */
	text-decoration:none;
	}

Comment 4

[Hermann Schwab]

Attachment: screenshot font-weight removed,

/*	font-weight:600; produces overlap, if active */ removed from style
above

height of lower LI now same as upper, 20px instead of 0 px.
height of a stays at 12 px

the overlapping isn't seen if I use text zoom.

Comment 5

[Hermann Schwab]

Attachment: screenshot of website 800x600

Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8b2) Gecko/20050514

Comment 6

[Boris Zbarsky [:bzbarsky]]

Weird.  I'm totally not seeing this on Linux.  Either it's a bug in a particular
font's metrics, or a bug in Windows platform-specific font code...

Comment 7

[Hermann Schwab]

Attachment: a-A testcase

I´m doing my test with screen resolution 800x600

Left div:  top:30px; left: 30px; width:60px; text: about
Right div: top:30px; left:120px; width:60px; text: About

needed for overlap, removing any one of these shows no overlap:

ul.edit { text-indent:-35px; }

a {	
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight:600; /* produces overlap, if active */
  }

font-weight must be 600, as 500, 599 or 601 didn´t show overlap

Comment 8

[Hermann Schwab]

Attachment: a-A screenshot

Comment 9

[Hermann Schwab]

Attachment: a-A testcase

Comment 10

[Hermann Schwab]

ul.edit { text-indent:-35px; } must be exactly -35, 
as -36, -34, -30, -25, -15 didn´t show the bug.

Comment 11

[Jungshik Shin]

It's also font-specific as bz wrote. Verdana has the problem but other fonts
(e.g. Arial) don't. Reducing the font size (as well as enlarging it) makes it
disappear. Other fonts might have a similar problem at a different size with a
different 'indent' specification for 'li'.  What I don't understand is the
difference between 'a' and 'A'. 

Comment 12

[Gordon P. Hemsley [:GPHemsley]]

This bug has been buried in the graveyard and has not been updated in over 5 years. It is probably safe to assume that it will never be fixed, so resolving as WONTFIX.

[Mass-change filter: graveyard-wontfix-2014-09-24]