fix(keyboard): overflow: visible on scroll view when keyboard is open

When using JS scrolling, prevents the web view from automatically
scrolling inputs into view when they are either scrolled under the
keyboard or already below the keyboard and typed into.

Author: tlancina

js/views/scrollView.js

@@ -687,6 +687,7 @@ ionic.views.Scroll = ionic.views.View.inherit({
             // D - A or B - A if D > B       D - A             max(0, D - B)
             scrollViewOffsetHeight = scrollViewOffsetHeight - keyboardOffset;
             container.style.height = scrollViewOffsetHeight + "px";
+            container.style.overflow = "visible";
 
             //update scroll view
             self.resize();
@@ -752,6 +753,7 @@ ionic.views.Scroll = ionic.views.View.inherit({
       if ( self.isShrunkForKeyboard ) {
         self.isShrunkForKeyboard = false;
         container.style.height = "";
+        container.style.overflow = "";
       }
       self.resize();
     };

test/unit/views/scrollView.unit.js

@@ -73,6 +73,7 @@ describe('Scroll View', function() {
     expect(sv.resize).toHaveBeenCalled();
     expect(sv.isShrunkForKeyboard).toBe(true);
     expect(sc.style.height).toEqual("248px");
+    expect(sc.style.overflow).toEqual("visible");
 
     ionic.trigger('scrollChildIntoView', details, true);
     //already shrunk, so shouldn't resize again