Last Comment Bug 307095 - underline of anchor link goes beyond text and across img
: underline of anchor link goes beyond text and across img
: qawanted, testcase
Product: Core
Classification: Components
Component: Layout: Block and Inline (show other bugs)
: Trunk
: All All
: -- normal (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
: Jet Villegas (:jet)
Depends on:
  Show dependency treegraph
Reported: 2005-09-05 01:40 PDT by jonathan chetwynd
Modified: 2005-12-09 11:27 PST (History)
5 users (show)
See Also:
Crash Signature:
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---

Testcase from description (605 bytes, text/html)
2005-09-05 02:21 PDT, Mats Palmgren (:mats)
no flags Details

Description jonathan chetwynd 2005-09-05 01:40:15 PDT
User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b3) Gecko/20050712 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b3) Gecko/20050712 Firefox/1.0+

When displaying a link which covers a graphic and text, the text-decoration:
underline property should not stretch beyond the text and across the graphic.

<span></a><h2><a href="where.html"><img src="clara.gif" alt="Clara" /> Where
</a> can I get help?</h2></span>

tested also on linux/suse9.2/firefox1.0.6

Reproducible: Always

Actual Results:  
the underline strikes through the graphic

Expected Results:  
the underline should be limited to the length of the text only.
Comment 1 jonathan chetwynd 2005-09-05 01:43:14 PDT
oops! apologies typo led me to include erroneous </a><h2></h2> snippet should read:

<span><a href="where.html"><img src="clara.gif" alt="Clara" /> Where </a> can I
get help?</span>
Comment 2 jonathan chetwynd 2005-09-05 01:45:26 PDT
it might also help to include:

img {vertical-align: middle; }
Comment 3 Mats Palmgren (:mats) 2005-09-05 02:21:36 PDT
Created attachment 194895 [details]
Testcase from description

Reporter, does this describe your problem?
Comment 4 jonathan chetwynd 2005-09-05 02:59:16 PDT

thanks for adding test case 

Comment 5 Mats Palmgren (:mats) 2005-09-05 03:13:44 PDT

"Text decorations on inline boxes are drawn across the entire element, going
across any descendant elements without paying any attention to their presence."

There is one exception mentioned in the paragraph before that but it does not
apply here since the <a> has text.

Comment 6 jonathan chetwynd 2005-09-05 04:51:00 PDT
it also states:

    Each line of text is underlined."

Opera and IE interpret as per this bug report and only underline text.
Comment 7 jonathan chetwynd 2005-09-05 04:53:30 PDT

did you test this bug on other user agents?

I don't think you've interpreted this right, but if you close again I will check
with CSS group and Bert.

What would be the rationale for your interpretation?
Comment 8 Mats Palmgren (:mats) 2005-09-05 05:19:03 PDT
I think the quote from CSS 2.1 in comment 5 is reasonably clear.
Comment 9 Bill Gianopoulos [:WG9s] 2005-09-05 05:48:52 PDT
I don't think it is a matter of interpretaion.  notwithstanding the fact that IE
and Opera behave differently, there is realy no other way to interpret what the
specification says other than to do what Firefox is doing.
If it were not supposed to be drawing the line through the image, then it would
be pointless to include an exception saying you don't draw the line through the
image if there is no text in the element.

That said I do agree that what the specification says to do does not make a
great deal of logical sense.  

I suspect it was a hack added to the specification to satisfy people who wanted
to be able to include text height images in with the text and have it all
underlined with a continuous underline.

It is also possible that the wording of the specifiation is bad and what it says
is not what it was intended to say, but then I would have no explanation for
what that exception is there for.
Comment 10 Johan 2005-11-25 18:34:33 PST
I'm not really sure if it's the same problem as discussed in here..
If you two or more images inside <a> after each others like this:
<a href="http://www.a-page.something"><img src="image.gif"></a><a href="http://www.a-page.something"><img src="image2.gif"></a>

There is no problem, but if you have any newline inside the <a>, either on the left of img or right, firefox will draw a single underline character after the image. I'm using Firefox RC3, and found it in both RC2 and RC3...

Comment 11 Boris Zbarsky [:bz] (still a bit busy) 2005-12-08 22:30:32 PST
This is invalid, for the reason Mats said.  Please do not reopen this bug again.
Comment 12 jonathan chetwynd 2005-12-09 11:27:28 PST
I have asked Bert Bos and the WG to respond:

It might be helpful to have an attachment demonstrating the benefits of the current interpretation.

regarding Bill's suggestion #9 that inline images be underlined, this has never been a standard way of indicating that images are links. A highlight border is the more usual method.

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