Unable to write text into an Input text field


#1

I’m new to ionic and developing my first mobile app. I created a text input but realized I cannot write text into it. I have tested it on Mozilla and Chrome but its still same. I also couldn’t find what I am doing wrong.
Below is the script used.

<div class="list list-fields">
  <label class="item item-input">
     <input type="text" placeholder="First Name" required>
  </label>
  <label class="item item-input">
    <input type="text" placeholder="User Name" required>
  </label>
</div>

Pls advice what I’m doing wrong here?


#2

works perfectly fine here… you need to provide more information

http://play.ionic.io/app/4d8bad10509a


#3

Thanks for the response. It works fine when I add it to the index page which includes the meta tags and the links to the css and js files but if I take it to another page I wont be able to type into it.

This is the entire content in the other page.

<ion-view view-title="My Title">
  <ion-content>
 <div class="list list-fields">
  <label class="item item-input">
     <input type="text" placeholder="First Name" required>
  </label>
  <label class="item item-input">
    <input type="text" placeholder="Password" required>
  </label>
</div>
  </ion-content>
</ion-view>

#4

then you need to provide a more complete example because there is obvious a lot more going on


#5

Index page and text is editable.


App.js file holding the config


cont…


Affected page. Input not editable


#6

Hi Aaron, it works when trying it on Ionic playground but doesn’t on my actual system.

pls check this out http://play.ionic.io/app/3ae104623b88


#7

Many thanks for your efforts @aaronksaunders I figured out that the issue was due to the tags <ion-nav-view></ion-nav-view> which were within my <ion-tab> section.

Thanks!


#8

Glad u figured it out, sorry I could provide more assistance.


#9

ooh no, it really helped me analyze the codes it in bits. Thanks again!