Bug 64425 - with spatial navigation on, the highlight rectangle is not drawn when browsing some websites
Summary: with spatial navigation on, the highlight rectangle is not drawn when browsin...
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Linux
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks: 46905
  Show dependency treegraph
 
Reported: 2011-07-12 19:49 PDT by Samuel Cao
Modified: 2013-07-30 05:27 PDT (History)
1 user (show)

See Also:


Attachments
The test page for this bug (706 bytes, text/html)
2011-07-19 00:00 PDT, Samuel Cao
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Samuel Cao 2011-07-12 19:49:20 PDT
1. run "Tools/Scripts/run-launcher --gtk --enable-spatial-navigation=true" to fire up the browser.
2. load http://svtplay.se
3. the highlight rectangle is NOT drawn on most of the hyperlinks, but two buttons do have highlight rectangle(eg. the fifth button on the page "sok"); it works well with some other page such as www.yahoo.com though. 
4.  load http://svtplay.se in the Opera browse, the highlight rectangle works well when pressing shift+arrow keys. So I think it is not a svtplay.se page problem, it is a webkit spatial navigation problem instead.
Comment 1 Samuel Cao 2011-07-12 19:52:37 PDT
The nightly build version tested is r90503
Comment 2 Samuel Cao 2011-07-13 00:30:36 PDT
I tested with chrome which also has this bug(using TAB key to navigate), but at the browser status bar I can see that the focus has changed to the correct hyper link.

So changing the Component to "Layout and Rendering" as I suspect it is because some elements are not added to "need to highlight".
Comment 3 Samuel Cao 2011-07-19 00:00:01 PDT
Created attachment 101279 [details]
The test page for this bug

The test page for this bug
Comment 4 Samuel Cao 2011-07-19 00:07:59 PDT
added the test page for this bug:

If "outline:none" is present in the CSS, this bug can be reproduced; If "outline:none" is removed from the test page, this bug can NOT be reproduced.

If the "outline:none" is changed to some other style eg "outline:double", this problem can also be reproduced(we can see that the outline is drawn correctly but there is no sign when you move the focus).

So it is very strange there "outline: none" and "NO outline" in the page differs.
I guess there is a bug inside the webcore code when handling CSS property.

Any ideas?