title: Webkit overflow scrolling touch CSS bug on iPad
body: <p>If you visit this page on your iPad device on the latest version of iOS you can follow along.</p>
  
  <p><a href="http://fiddle.jshell.net/will/8VJ58/10/show/light/">http://fiddle.jshell.net/will/8VJ58/10/show/light/</a></p>
  
  <p>I have two elements with the new -webkit-overflow-scrolling: touch; property and value applied. The left hand grey area has plenty of content and will scroll in portrait or landscape. The right will only scroll in landscape.</p>
  
  <p>If you start in landscape (refresh in landscape) you can scroll both areas with the inertia scrolling. Works great. Now flip your iPad into portrait and only the left hand area will scroll. This is as intended. But when you flip back to landscape the right hand area will no longer scroll at all, whereas the left hand area is fine still.</p>
  
  <p>It's obvious how to stop this happening, but I don't always have the content to fill the area.</p>
  
  <p>So any ideas?</p>
  
  <p>Thanks in advance,<br>Will :)</p>