Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Move cursor in between text on input fields #1068

Closed
thienedits opened this issue Apr 7, 2014 · 8 comments
Closed

Move cursor in between text on input fields #1068

thienedits opened this issue Apr 7, 2014 · 8 comments
Assignees
Milestone

Comments

@thienedits
Copy link

On Nexus 5 in Chrome I can not place the cursor in between the characters in the input text field.

@adamdbradley
Copy link
Contributor

@thienedits I made an update so that after focusing on an input it doesn't preventDefault. The preventDefault was originally put in because a wrapping label would also try to set its focus 300ms later, but because the keyboard slide up and the location of the inputs changed, 300ms later a different input would receive focus.

fc8ab4b#diff-fc2330e9d704db3cddd3d3d538612023L49
(this code was originally in poly.js, its now in tap.js)

#583

Since then we've changed that by stopping the label's default and propagation, so removing preventDefault here shouldn't cause issues. Would you be able to get the nightly build and test out the change? Along with making sure the input you tapped keeps its focus?

@thienedits
Copy link
Author

Hi @adamdbradley I just tested this on my nexus 5 using nightly 1.0.0-beta.1-nightly-1589 (2014-04-07) and now can select between the characters. Also the input focus is maintained after scrolling. Thanks!

@rivf
Copy link

rivf commented Jul 10, 2014

I have this issue on latest ionic version(well, started project 3 days ago - 08.07.14).
Used ionic start myApp tabs (as the guy here: http://forum.ionicframework.com/t/solved-text-input-cannot-be-edited/2655)
Any ideas?

<ion-view title="Feedback">
  <ion-content class="has-header padding">
    <form name="feedback" ng-submit="submitFeedback(userFeedback)">
        <div class="list">
            <label class="item item-input">
                <textarea  placeholder="Your feedback" rows="9" ng-model="userFeedback"></textarea>
            </label>
        </div>
        <button class="button button-block button-positive" type="submit">
            Send feedback. Thanks :3
        </button>
    </form>
  </ion-content>
</ion-view>

Actually full code. I read everywhere that it is fixed. But it's not.
I don't use any custom css or js libraries, just ionic.

@tlancina
Copy link
Contributor

@rivf thanks for the code, what device and version of iOS or Android are you using?

@juppwerner
Copy link

Placing the cursor in input text/texarea is still not working on Android / LG Optimus G (Cyanogenmod).
Thanks

@rivf
Copy link

rivf commented Sep 10, 2014

@tlancina
if you still need this info:
IOS 7.1.2, iphone 4s/iphone5s
and android 4.4.4, lg nexus 5.

@Ionitron
Copy link
Collaborator

Greetings, @rivf and @juppwerner!

My sensors indicate that more information is required so that I may assist you.

  • Can you provide a detailed description of this issue?
  • How would a robot go about replicating this issue?
  • What platform does this happen on? (iOS, Android, all, etc.)
  • What platform versions does this happen on? (Android 4.2, iOS 7, all, etc.)
  • Is this an issue with the Ionic Framework, or Ionic CLI?

Additionally, providing a codepen which replicates the issue is extremely helpful.

If you wish to get help using the framework itself, the recommended place is the forum.

Thank you for allowing me to assist you.

@robindierckx
Copy link

robindierckx commented Nov 17, 2016

Hello, I still have same issue with ionic 1.3.1 or the latest nightly release ionic#f9b3fbe95e on android 4.4.4 samsung galaxy tab E.
It works fine on chrome.
EDIT: I just noticed this error only occurs when activating the ngMaterial plugin.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants