bug: Erratic content scroll when textarea has focus

[bassettsj]

Type: bug

Platform: ios 8 browser

### Steps to reproduce: - focus on textarea element - while focused touch and drag outside of the element and watch the weird scrolling

Example codepen sandbox
Screencast of the behaviour

[callmephilip]

I am seeing the same issue with both textarea and input[type="text"]
Platform: Cordova on iOS 8

[clickonchris]

+1 We are also seeing this for both text areas and input[type="text"] elements on IOS 8. It also happens when the user puts focus on an input and the screen shifts automatically by programmatically scrolling the page.

[Fayozjon]

Christopher

http://lilwall.ca/robot_strategii

24.03.2015, 16:28, "Christopher G Johnson" notifications@github.com:+1 We are also seeing this for both text areas and input[type="text"] elements on IOS 8.

—Reply to this email directly or .

[tprinty]

I too am seeing this issue. If there are two textareas on the screen the app scrolls to the second one.

[tlancina]

Hey I'm unable to reproduce using the provided codepen, can anyone test out the latest nightly and tell me if this is still happening?

[bassettsj]

@tlancina Sorry for the delayed response... updating to the nightly in code pen and will see if it is reproducible, if not will close straight away.

[bassettsj]

@tlancina I am able to reproduce the bug. I have uploaded a screencast reproducing the issue to youtube. I wish I could show where my finger was on the screen in this screencast.

It happens when the textarea is focused, I attempt to scroll the screen, then I get strange scrolling behavior.

[bassettsj]

There is obviously a lot going on with the scroll view with things like:

scrollView.js:802

  self.touchMove = function(e) {
     if (self.options.freeze || !self.__isDown ||
        (!self.__isDown && e.defaultPrevented) ||
        (e.target.tagName === 'TEXTAREA' && e.target.parentElement.querySelector(':focus')) ) {
        return;
      }

      if ( !self.__hasStarted && ( ionic.tap.containsOrIsTextInput(e.target) || e.target.tagName === 'SELECT' ) ) {
        // the target is a text input and scroll has started
        // since the text input doesn't start on touchStart, do it here
        self.__hasStarted = true;
        self.doTouchStart(getEventTouches(e), e.timeStamp);
        e.preventDefault();
        return;
      }
 ....
 }

I would like to try to help create a test for this issue, but not sure where the best place would be. Looking at the scrollView.unit.js, it seems like the place to start, but this is a relatively difficult condition to test. Any recommendations on where you think it would be good to start?

[oriodesign]

@bassettsj did you find a solution? I have the same problem with textarea on ionic v1.0.0. When a textarea has focus on touch move (only on the textarea) the whole webview scrolls (tested on iPhone5 iOS 8.3).

[bassettsj]

Within our applicantion we have a workaround, but not really a great one. It would be best to look into the source scrollview code...

[jgw96]

Hello all! Is this still an issue with the latest version of ionic: 1.3.0 ?

[jgw96]

Hello all! As it seems it has been a while since there was any activity on this issue i will be closing it for now. Feel free to comment if you are still running into this issue. Thanks for using Ionic!