v1.0.0-beta.1 - ion-content scroll stopped working on Android 2.3 (webkit 533)

[peey]

In Android 2.3 (webkit 533) Scroll no longer works. You cannot drag anything up or down, but side gestures (to open side menu) are still working.

Sample Code : http://codepen.io/ionic/pen/JsHjf

In the above pen, you can drag the list up and down when you are on a modern browser (tried it with Android 4.2), but not on Android 2.3.

The situation can also be recreated in desktop if you use a webkit browser that corresponds to Android 2.3's webkit version (for instance Google Chrome 6)

[peey]

Through trial and error, I have been able to find that changing ionic.js line 3540 to 3543

      return e.target.tagName.match(IS_INPUT_LIKE_REGEX) ||
             e.target.isContentEditable ||
             e.target.tagName.match(IS_EMBEDDED_OBJECT_REGEX) ||
             e.target.dataset.preventScroll;

To

      return e.target.tagName.match(IS_INPUT_LIKE_REGEX) ||
             e.target.isContentEditable ||
             e.target.tagName.match(IS_EMBEDDED_OBJECT_REGEX);

make ionic behave properly. But since I'm not familiar with what that code does, this is just a "Magic" fix. I hope this officially gets fixed soon.

[peey]

Closed it by mistake, sorry

[adamdbradley]

Yeah sorry, I should have known dataset wasn't supported in 2.3. I'll get this fixed, thanks for reporting it.

[peey]

@adamdbradley Thanks for the fix! I was beginning to think that ionic has dropped support for android 2.3 entirely! I had a suggestion that I wanted to share regarding this :

I know that in the way of moving forward, android < 4.1 is going to have to be left behind, but if circumstances warrant, please keep it so that only certain features become unavailable, not all of the framework!

[ajoslin]

@peey thanks for the awesome research! You nailed it on the head :)

And yes, we just want to be sure the app runs on Android 2.3. Maybe not super well, but runs at least.

[infiniteloopltd]

@peey Thank you so much! :)

This fix doesn't appear to be in the main release yet, so those looking to fix this for older devices will need to reference the individual js files rather than the bundle, fyi, this is the correct load order

 <script src="lib/ionic/js/ionic.js"></script>
<script src="lib/ionic/js/angular/angular.js"></script>
<script src="lib/ionic/js/angular/angular-animate.js"></script>
<script src="lib/ionic/js/angular/angular-route.js"></script>
<script src="lib/ionic/js/angular/angular-touch.js"></script>
<script src="lib/ionic/js/angular/angular-sanitize.js"></script>
<script src="lib/ionic/js/angular-ui/angular-ui-router.js"></script>
<script src="lib/ionic/js/ionic-angular.js"></script>

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.