Overflow scrolling is blocked on iOS Safari

In my application, I have an overflow section. In Safari for iOS, scrolling is sometimes blocked. This often happens when you are editing the content of an input element, changing a parameter in a select element, or when you click something outside of a section.

The blocking behavior changes. It will either not scroll on first launch, and when you let go and try again it will work, or it will just refuse to scroll no matter how hard you try.

The scroll will often be reused again if you open the entry / select or click on anything inside the section. I tried to get around this by using click()

in .edit-preview

whenever there is a click on something that may block it, but it did not seem to help. However, this works if you use click

on in the console .edit-preview

when blocking.

A lot of iOS specific fixes have been applied to fix other bugs, but I couldn't find a fix for that.

I threw it all into the JS Bin here .

I've experienced this on an iPhone 5 running iOS 9 beta, and an iPhone 6 plus iOS 8.4.