Ionic-framework: iOS input cursor bugs

Created on 7 Oct 2013  ·  18Comments  ·  Source: ionic-team/ionic-framework

It seems the Web View on iOS has a bug where a focused text box will the input caret through any layers on top of it.

Most helpful comment

I am also facing input cursor issue in my project.
Description :- In my screen there are 4-5 input fields, when i focused on any of the input filed then keyboard appears and screen move up. Now if i scroll the screen (ion -content) up and down then cursor move out from the input text field and start scroll along with screen scroll direction. Please help out if anyone found this issue and got fix.

Platform and dependencies :-

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.17
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.45
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: OS X El Capitan
Node Version: v7.5.0
Xcode version: Xcode 8.2.1 Build version 8C1002

All 18 comments

I think one solution would be to unfocus once the drag starts.

Related, and hopefully fixed: https://github.com/driftyco/ionic/issues/583

Yea, more info on this is when you have a focused text box and you are inside of a scroll area that uses translate3d, the cursor does not translate with it. It's a browser bug on Safari and we could look into unfocusing the boxes on scroll.

https://github.com/driftyco/ionic/issues/740 -- This is another issue related.

Cool, thanks! We actually have a keyboard plugin for cordova coming out that really fixed some annoyances with cordova and keyboard stuff. I'm hoping we can extend it to handle inputs and scrolling!

Sent from my iPhone

On Apr 6, 2014, at 12:42 PM, Allen Tong [email protected] wrote:

740 -- This is another issue related.


Reply to this email directly or view it on GitHub.

NIce, I look forward to it :+1: ! Do you know if that would possibly fix some of these issues on Mobile Browsers?

@mlynch Any indication on when we might expect such a plugin?

This week!
On Apr 6, 2014 11:59 PM, "Robin van Baalen" [email protected]
wrote:

@mlynch https://github.com/mlynch Any indication on when we might
expect such a plugin?

Reply to this email directly or view it on GitHubhttps://github.com/driftyco/ionic/issues/26#issuecomment-39696309
.

Cool looking forward to it!

Keep up the good work :).

The week is almost over.. Can I help with some (preliminary) testing already @tlancina and @mlynch ?

Another sample. Keyboard hides and view stays shrunk. I've seen this many times myself.

http://forum.ionicframework.com/t/submit-button-not-resizing-content-view/2873

Regretting my overzealous deadline proclamation :) Just a status update, we made a lot of headway this week and know everyone is anxious for fixes, we're working on getting them out asap.

I am also facing input cursor issue in my project.
Description :- In my screen there are 4-5 input fields, when i focused on any of the input filed then keyboard appears and screen move up. Now if i scroll the screen (ion -content) up and down then cursor move out from the input text field and start scroll along with screen scroll direction. Please help out if anyone found this issue and got fix.

Platform and dependencies :-

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.17
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.45
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: OS X El Capitan
Node Version: v7.5.0
Xcode version: Xcode 8.2.1 Build version 8C1002

I am facing exact same issue.Please help as soon as possible.

Thanks in advance

It happened for me because of body element has css property "position: fixed".
Try this:

body {
position: static!important;
}

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.

Was this page helpful?
0 / 5 - 0 ratings