Bug 94025 - overflow-x: visible on the body enables scrolling in the Y direction
Summary: overflow-x: visible on the body enables scrolling in the Y direction
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, HasReduction, InRadar
Depends on:
Blocks:
 
Reported: 2012-08-14 15:38 PDT by Elliott Sprehn
Modified: 2024-02-08 15:38 PST (History)
7 users (show)

See Also:


Attachments
Reduction (749 bytes, text/html)
2012-08-14 15:38 PDT, Elliott Sprehn
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Elliott Sprehn 2012-08-14 15:38:56 PDT
Created attachment 158425 [details]
Reduction

If you have:

body {
  overflow-x: visible;
  overflow-y: hidden;
}

And an element that overflows in the Y direction out of the <body>.

And then you two finger scroll a nested scrollable div, once the scrollbar hits the bottom of the scrollable div it'll begin scrolling the document downward.

Confusingly it's the overflow-x that causes this in the Y direction.
Comment 1 Elliott Sprehn 2012-08-14 15:43:44 PDT
This might be related to https://bugs.webkit.org/show_bug.cgi?id=17488
Comment 2 Elliott Sprehn 2012-08-14 15:52:38 PDT
Note you can't reproduce this with a scroll wheel mouse, it only seems to happen with two finger scrolling on a trackpad.
Comment 3 Ahmad Saleem 2023-02-24 09:13:06 PST
I am able to reproduce this bug in STP164 where two fingers scroll will make it move below and first line 'Two finger scroll to the bottom of the blue, This should still be at the top.' will be gone due to scroll. Chrome Canary 112 and Firefox Nightly 112 match each other and keep text at top.
Comment 4 Radar WebKit Bug Importer 2024-02-08 15:38:36 PST
<rdar://problem/122587986>