Bug 19720 - CSS a:hover bold font + div width = unclickable, mouse-avoiding link.
Summary: CSS a:hover bold font + div width = unclickable, mouse-avoiding link.
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.5
: P2 Normal
Assignee: Nobody
URL:
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2008-06-22 22:38 PDT by Fabian Mailinator
Modified: 2010-12-08 14:18 PST (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Fabian Mailinator 2008-06-22 22:38:02 PDT
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>
Comment 1 Shane Stephens 2010-12-07 16:30:00 PST
This appears to be fixed.  Could someone mark it as such?
Comment 2 Alexey Proskuryakov 2010-12-08 14:18:26 PST
Also works for me in Safari 5.0.3.