Chrome Version       : 51.0.2704.81
URLs (if applicable) : http://codepen.io/anon/pen/EygEQW http://stackoverflow.com/questions/37915344/android-chrome-scrolling-on-overflow-x-hidden original issue detected on dev.matchbookwines.com (with elements with class 'inquiry-outer-wrapper' or 'submit-wrapper') but javascript has been put in place to always correct the scroll on position 0.
Other browsers tested:
  Chrome Version 51.0.2704.84 (64-bit) Desktop on OSX: OK
  Chrome Version 51.0.2704.84 (64-bit) Desktop MOBILE EMULATOR on OSX: FAIL
  Chrome Version 51.0.2704.84 on Android: FAIL
  Chrome on Andorid older version: OK
  Chrome on Nexus Tablet older version: OK
  Firefox 47.0: OK
  Safari Version 9.1.1 (11601.6.17): OK

What steps will reproduce the problem?
On the site, it would happen consistently. Usually easier to reproduce with two fingers, but could be done with one. In the codepen, I was only able to reproduce with this cumbersome method.
(1) Hook Android Phone to Computer with USB
(2) Open Chrome on Android and navigate to http://codepen.io/anon/pen/EygEQW
(3) Turn on USB Debugging in Settings on Android Phone (https://developer.chrome.com/devtools/docs/remote-debugging) and inspect the page.
(4) Turn off (or hide) the emulator on your computer.
(5) Click on the elements panel.
(6) From the elements panel on your computer (that is inspecting the page on your android phone) highlight the element with classname "absolute".
(7) While element is still highlighted, on your phone use two finger to slowly swipe to the left.

What is the expected result?
Nothing should happen. The wrapper div has overflow-x:hidden, so the page should not scroll.

What happens instead?
The blue box scrolls revealing black to the right of the screen. This indicates a scrolling on the x coordinates.


Please provide any additional information below. Attach a screenshot if
possible.
This happens on the original webpage without any debugging tools. It just occurs in normal use. But the above steps was the only way I could reproduce in a shortlist. Perhaps when the browser is under heavy load this happens?

Common denominators:
- The divs that cause the issue are absolutely positioned.
- They both contain SVGs.




 

Deleted: problem-android-chrome.png 165 KB

	problem-android-chrome.png 165 KB View Download

Deleted: chrome-android-overflow-x-scrolling.png 108 KB

	chrome-android-overflow-x-scrolling.png 108 KB View Download

Deleted: Screenshot_2016-06-17-21-30-33_com.android.chrome.png 775 KB

	Screenshot_2016-06-17-21-30-33_com.android.chrome.png 775 KB View Download