Bug 11351 - Element with "overflow: auto" inside body with "overflow: hidden" is not scrollable via the keyboard
Summary: Element with "overflow: auto" inside body with "overflow: hidden" is not scro...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebCore Misc. (show other bugs)
Version: 420+
Hardware: Mac OS X 10.4
: P2 Major
Assignee: Nobody
URL: http://www.jackslocum.com/yui/2006/10...
Keywords: HasReduction, InRadar
Depends on:
Blocks:
 
Reported: 2006-10-18 19:32 PDT by Mark Rowe (bdash)
Modified: 2022-08-30 05:04 PDT (History)
3 users (show)

See Also:

Attachments
Reduction (7.30 KB, text/html)
2006-10-18 20:53 PDT, Mark Rowe (bdash) 		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 Mark Rowe (bdash) 2006-10-18 19:32:31 PDT 
Steps to reproduce:

1) Visit <http://www.jackslocum.com/yui/2006/10/19/cross-browser-web-20-layouts-with-yahoo-ui/>
2) Click inside the body of the article to ensure that the region has focus.
3) Hit the up and down arrow keys on your keyboard.

Expected results:
The element with scrollbars should scroll up and down as appropriate.

Actual results:
Nothing happens.
Comment 1 Dave Hyatt 2006-10-18 19:53:51 PDT 
Normally they are.  Not sure what is different about this layout.
Comment 2 Mark Rowe (bdash) 2006-10-18 20:11:31 PDT 
Dave, you're right.  I mistakenly thought that I had seen this on simpler sites.  I will work on a reduction.
Comment 3 Mark Rowe (bdash) 2006-10-18 20:53:52 PDT 
Created attachment 11141 [details]
Reduction

Reduction showing the bug.  The magic ingredient is the "overflow: hidden" on the body element.
Comment 4 Mark Rowe (bdash) 2006-10-18 21:36:54 PDT 
One further note:  if the "overflow: hidden" is set on a containing div rather than the body, the scrolling works as expected.  When set on the body, it doesn't.
Comment 5 Mark Rowe (bdash) 2007-01-11 06:18:10 PST 
This looks to happen because when the body element has "overflow: hidden", -[WebFrameView allowsScrolling] ends up returning NO due to it's WebDynamicScrollBarsView has horizontal/vertical scrolling modes set to Off.  This causes -[WebFrameView keyDown:] to bail out of its handling of the key event and pass it up to super.
Comment 6 Mark Rowe (bdash) 2007-01-16 18:59:24 PST 
<rdar://problem/4928611>
Comment 7 Ahmad Saleem 2022-08-30 05:03:56 PDT 
I am not able to reproduce this bug using attached "Reduction" in Safari Technology Preview 152 and upon clicking on "article" (grey box / area) and then using keyboard arrow guys, I am able to scroll up and down fine and it is matching with all other browsers (Chrome Canary 107 and Firefox Nightly 106). I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Please reopen if you think this is not fixed. Thanks!