Bug 19720
Summary: | CSS a:hover bold font + div width = unclickable, mouse-avoiding link. | ||
---|---|---|---|
Product: | WebKit | Reporter: | Fabian Mailinator <fabian> |
Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
Status: | RESOLVED WORKSFORME | ||
Severity: | Normal | CC: | ap, shanestephens |
Priority: | P2 | Keywords: | HasReduction |
Version: | 528+ (Nightly build) | ||
Hardware: | Mac | ||
OS: | OS X 10.5 |
Fabian Mailinator
The following html generates a page with a single link which is not clickable
because it refuses to stay under the mouse. When the hover property causes
the link to be emboldened, the "content" div width is exceeded so the link moves
to the following line. When the link moves to the following line, it is no longer
under the mouse, so the hover bold is deactivated and the link moves back.
Then the cycle repeats.
Behaves this way in both current nightly web lit as well as released Safari 3.1.
I could not find a previously-logged report of this bug.
Expected behaviour: Link text would become emboldened and remain under the mouse cursor.
<html>
<head>
<title>Broken</title>
<style>
a:hover {
font-weight: bold;
}
#content {
width: 100px;
}
</style>
</head>
<body>
<div id="content">
<p>..........<a href="http://www.webkit.org">ClickMe</a> </p>
</div>
</body>
</html>
Attachments | ||
---|---|---|
Add attachment proposed patch, testcase, etc. |
Shane Stephens
This appears to be fixed. Could someone mark it as such?
Alexey Proskuryakov
Also works for me in Safari 5.0.3.