Android: blue cursor appears when there's text in an input element

@alschwank wrote:

Hi,

I have an issue with the input element. Everything is working normal if there's no text in the input element. However, as soon as I have text in the input element and I focus on it (=click it), the blue Android cursor appears that is used to move the cursor. This blue cursor is not even at the position of the cursor in the text.
Do you have an idea how to resolve this issue?

This is the HTML I'm using:

<ion-view title="Settings">
  <ion-content>
    <label class="item item-input">
        <span class="input-label">Name2</span>
        <input id="settings_userNameInput2" type="text">
    </label>

    <label class="item item-input">
        <span class="input-label">Name3</span>
        <input id="settings_userNameInput3" type="text">
    </label>
    <!-- ... -->
  </ion-content>
</ion-view>

Here are four screenshots that show the issue:

1. Selected the first input element (without text). The correct cursor in the text and no blue cursor.
   

   Screenshot_20160319-171444.png1080x1920 74.9 KB

2. Writing in the first input element. The correct cursor in the text and no blue cursor.
   

   Screenshot_20160319-171612.png1080x1920 73.4 KB

3. Selected the first input element (with text). The blue cursor is visible at the top.
   

   Screenshot_20160319-170241.png1080x1920 79.4 KB

4. Selected the second input element (with text). The blue cursor is visible above the input element.
   

   Screenshot_20160319-170247.png1080x1920 79.5 KB

My environment:
- Android 6.0.1
- Ionic 1.2.4-nightly-1917
- Ionic CLI 1.7.14

Thanks,
Alex

Posts: 1

Participants: 1

Read full topic