fix(input): keyboard focus/scrolling/tabbing

ionic/components/text-input/test/input-focus/index.ts

@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {}

ionic/components/text-input/test/input-focus/main.html

@@ -0,0 +1,188 @@
+
+<ion-toolbar><ion-title>Input Focus</ion-title></ion-toolbar>
+
+
+<ion-content>
+
+  <p>Paragraph text with a <a href="#">link</a>.</p>
+
+  <ion-list>
+
+    <ion-input>
+      <ion-label>Text 1:</ion-label>
+      <input type="text">
+    </ion-input>
+
+    <ion-item>
+      Item with button right
+      <button item-right>Button 1</button>
+    </ion-item>
+
+    <ion-input>
+      <ion-label id="my-label1">Text 2:</ion-label>
+      <input value="value" type="text">
+    </ion-input>
+
+    <button ion-item>
+      Button Item
+    </button>
+
+    <ion-input>
+      <ion-label>Text 3:</ion-label>
+      <input type="text">
+      <button clear item-right>
+        <icon power></icon>
+      </button>
+    </ion-input>
+
+    <ion-input>
+      <ion-label>Comments:</ion-label>
+      <textarea>Comment value</textarea>
+    </ion-input>
+
+    <ion-input>
+      <icon globe item-left></icon>
+      <ion-label>Website:</ion-label>
+      <input value="http://ionic.io/" type="url">
+    </ion-input>
+
+    <ion-input>
+      <icon mail item-left></icon>
+      <ion-label>Email:</ion-label>
+      <input value="email6@email.com" type="email">
+    </ion-input>
+
+    <ion-input>
+      <icon create item-left></icon>
+      <ion-label>Feedback:</ion-label>
+      <textarea placeholder="Placeholder Text"></textarea>
+    </ion-input>
+
+    <ion-input>
+      <ion-label>More Info:</ion-label>
+      <input placeholder="Placeholder Text" type="text">
+      <icon flag item-right></icon>
+    </ion-input>
+
+    <ion-input>
+      <ion-label>Score:</ion-label>
+      <input value="10" type="number">
+      <button outline item-right>Update</button>
+    </ion-input>
+
+    <ion-input>
+      <ion-label>First Name:</ion-label>
+      <input value="Lightning" type="text">
+    </ion-input>
+
+    <ion-input>
+      <ion-label>Last Name:</ion-label>
+      <input value="McQueen" type="text">
+    </ion-input>
+
+    <ion-input>
+      <ion-label>Message:</ion-label>
+      <textarea>KA-CHOW!</textarea>
+    </ion-input>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+
+    <!--
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item>
+
+    <ion-item>
+      Item
+    </ion-item> -->
+
+  </ion-list>
+
+</ion-content>