Bug 64425

Summary: with spatial navigation on, the highlight rectangle is not drawn when browsing some websites
Product: WebKit Reporter: Samuel Cao <cao.samuel>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED    
Severity: Normal CC: tonikitoo
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: PC   
OS: Linux   
Bug Depends on:    
Bug Blocks: 46905    
Attachments:
Description Flags
The test page for this bug none

Samuel Cao
Reported 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.
Attachments
The test page for this bug (706 bytes, text/html)
2011-07-19 00:00 PDT, Samuel Cao 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Samuel Cao
Comment 1 2011-07-12 19:52:37 PDT
The nightly build version tested is r90503
Samuel Cao
Comment 2 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".
Samuel Cao
Comment 3 2011-07-19 00:00:01 PDT
Created attachment 101279 [details] The test page for this bug The test page for this bug
Samuel Cao
Comment 4 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?
Note You need to log in before you can comment on or make changes to this bug.