Bug 16560 - Strange highlight drawn and misplaced clickable region when tabbing to tabs on blogs.s60.com
Summary: Strange highlight drawn and misplaced clickable region when tabbing to tabs o...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.4
: P2 Normal
Assignee: Nobody
URL: http://blogs.s60.com/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2007-12-21 11:38 PST by David Kilzer (:ddkilzer)
Modified: 2007-12-21 19:04 PST (History)
1 user (show)

See Also:

Attachments
Screenshot (29.44 KB, image/png)
2007-12-21 11:39 PST, David Kilzer (:ddkilzer) 		no flags Details
Test case (174 bytes, text/html)
2007-12-21 15:15 PST, David Kilzer (:ddkilzer) 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description David Kilzer (:ddkilzer) 2007-12-21 11:38:45 PST 
* SUMMARY
When tabbing to the tab UI elements on the page, a highlight rect is draw in the upper-left corner of the web page (in addition to the one around the tab UI).

* STEPS TO REPRODUCE
1. Launch Safari/WebKit.
2. Open URL:  http://blogs.s60.com/
3. Hit Tab key four times to highlight the "S60" tab UI.
4. Note location of highlighting.

* REGRESSION
Unknown.  Also occurs with Safari 3.0.4 (5523.10) with original WebKit on Mac OS X 10.5.1 (9B18).

* NOTES 
Will attach screenshot shortly.
Comment 1 David Kilzer (:ddkilzer) 2007-12-21 11:39:56 PST 
Created attachment 18036 [details]
Screenshot
Comment 2 David Kilzer (:ddkilzer) 2007-12-21 14:21:20 PST 
See Bug 16540 for an issue with the search field on this page.
Comment 3 David Kilzer (:ddkilzer) 2007-12-21 14:36:00 PST 
I'm pretty sure this is a duplicate of another bug related to positioned <img> tags within an anchor (<a>) tag.  The example page was on a Dot Mac homepage.  I can't find the bug at the moment.
Comment 4 David Kilzer (:ddkilzer) 2007-12-21 14:37:54 PST 
(In reply to comment #3)
> I'm pretty sure this is a duplicate of another bug related to positioned <img>
> tags within an anchor (<a>) tag.  The example page was on a Dot Mac homepage. 

Bug 13476.  I think the test case for this bug is slightly different, though.
Comment 5 David Kilzer (:ddkilzer) 2007-12-21 15:15:09 PST 
Created attachment 18042 [details]
Test case

Reduced test case.

Tab into the page, and note the two highlight rects.  Also note that the "misplaced" highlight area is clickable!
Comment 6 David Kilzer (:ddkilzer) 2007-12-21 15:34:18 PST 
(In reply to comment #4)
> Bug 13476.  I think the test case for this bug is slightly different, though.

The reduction for this bug uses "position: relative" while the reduction for Bug 13476 uses "position: absolute".

Note that the region for the <a> for this bug is clickable while the one for Bug 13476 is not.

The bugs are certainly related.
Comment 7 David Kilzer (:ddkilzer) 2007-12-21 15:37:03 PST 
Another difference is that the "position: absolute" image does not draw a highlight border, but the "position: relative" image does have a highlight border.