Steps to reproduce the problem:
1. Go to https://output.jsbin.com/xarawew (or open attached index.html)
2. Fast scroll down on a popup (white block)
3. Whole pages scrolls

What is the expected behavior?
Only white block should be scrolled since overscroll is prevented on that block via touch events

What went wrong?
Whole pages scrolls

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version:   Channel: stable
OS Version: 
Flash Version: 

This seems to be specific to the markup I have in this repro. If I have just a scrollable  box with content if works fine, but I use current markup issues is reproducible (I copied it without modifications from my project).

Issue exists on all Stable, Beta and Canary channels. It doesn't exist if toolbar (URL bar) is places at a bottom of the screen in Canary.

Here is a video which demonstrates the issue: https://www.youtube.com/watch?v=8ioIk0i3eVU

Problem is that during top level scroll when top bar is about to hide -- Chrome doesn't fully scroll the white block, or at least doesn't report scrollTop correctly. Maximum scrollTop value which it reports is: <full_scroll_value> - 1.

To fix the issue uncomment this line in the repro:
// clientY < startY && (scrollTop + 1) + clientHeight >= scrollHeight

and comment this line:
clientY < startY && scrollTop + clientHeight >= scrollHeight

This solves the issue in Chrome. Works everywhere else just fine even without the "fix".
 

Deleted: index.html 6.8 KB

index.html 6.8 KB View Download