Open Bug 288538 Opened 20 years ago Updated 10 months ago

[CSS: text-indent] Dotted line when clicking on a link too long since rv: 1.8b2

Categories

(Core :: Layout, defect)

x86
Windows XP
defect

Tracking

()

People

(Reporter: robvdl, Unassigned)

References

()

Details

(Keywords: testcase)

Attachments

(1 file, 1 obsolete file)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050321 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050321 Firefox/1.0+

When using CSS "text-indent" of a negative value on an active link inside a
heading, if you click on that link, the dotted line you see briefly extends all
the way to the left of the browser window.

This is after switching to the rv: 1.8b2 rendering engine, the 1.7 engine did
not seem to do this. A good example is the http://mozilla.org site itself, when
clicking on the mozilla logo.

example:

HTML:

<h1><a href="#">Example</a></h1>

CSS:

a {
   display: block;
   width: 200px;
   height: 50px;
   background: red;
   text-indent: -9999px;
}

Reproducible: Always

Steps to Reproduce:
1. See details
2.
3.

Actual Results:  
Dotted line extends al the way to the left

Expected Results:  
Dotted line should not be affected by text-indent? dotted line should only cover
the 200x50px area?
See bug 133165, comment 52 and further.
So this probably is invalid. 
I checked out comment 52, bug 133165 and this was the thing that I was experiencing.

I know it can be fixed by adding overflow:hidden on the parent element (eg the
heading)

I just found it unusual that this was not in rv:1.7 and appeared in the latest
rv:1.8b2 Firefox build... but so long I know it can be fixed, that should be
fine I guess
Attached file testcase (obsolete) —
added testcase
Attachment #180386 - Attachment is obsolete: true
Attached file better testcase
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: testcase
Keywords: qawanted
This looks invalid to me. Try it with a more reasonable, less abusive
text-indent and you'll see why.
Mozilla/5.0 (Windows NT 5.1; rv:29.0) Gecko/20100101 Firefox/29.0

The dotted line has been gone in a long time. The attached testcase works the same on Firefox, IE and Chrome. Is there anything that still needs fixing here or should this just be marked invalid?
Flags: needinfo?(robvdl)
Keywords: qawanted
Severity: normal → S3

Clear a needinfo that is pending on an inactive user.

Inactive users most likely will not respond; if the missing information is essential and cannot be collected another way, the bug maybe should be closed as INCOMPLETE.

For more information, please visit BugBot documentation.

Flags: needinfo?(robvdl)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: