title: duplicate and incorrect characters inside input text field (after correct one shows up briefly)
body: <p>(originally <a href="https://forum.ionicframework.com/t/weird-situation-german-keyboard-text-input-characters-get-replaced-after-showing-up-correctly-first-see-video/69339/1" rel="nofollow noreferrer">posted</a> in the ionic forum, no response, so re-posted on SO for a larger audience)</p>
  
  <p>One of my app users is facing a weird problem. He is using a DE keyboard and has observed an odd behavior on both Galaxy S7 and Tab S2.</p>
  
  <p>When entering input, the correct character shows up and then gets replaced with either a duplicate character or a wrong character.</p>
  
  <p><strong>Please see this video: <a href="https://youtu.be/3EHKaApn7wA" rel="nofollow noreferrer">https://youtu.be/3EHKaApn7wA</a></strong></p>
  
  <p>The input code is this:</p>
  
  <pre><code>&lt;h4&gt;{{'kWizPortalUrl' | translate}}&lt;/h4&gt;
    &lt;label class="item item-input"&gt;
    &lt;input autocorrect="off" autocapitalize="none" autocomplete="off" type="text" placeholder="e.g. http://server/zm" ng-model="wizard.portalurl"&gt;
    &lt;/label&gt;
  </code></pre>
  
  <p>I then tried to create a simplified codepen for him to load on his android device  - that doesn't cause a problem. <strong>That codepen is <a href="https://codepen.io/pliablepixels/full/bBNrda/" rel="nofollow noreferrer">here</a></strong></p>
  
  <p>I'm at a complete loss on why this is happening. Any thoughts?</p>
  
  <p>List of plugins used</p>
  
  <pre><code>cordova plugin list
  com.jcjee.plugins.emailcomposer 1.4.6 "Email Composer with Attachments"
  com.telerik.plugins.nativepagetransitions 0.6.5 "Native Page Transitions"
  cordova-plugin-android-permissions 0.10.0 "Permissions"
  cordova-plugin-app-version 0.1.9 "AppVersion"
  cordova-plugin-certificates 0.6.4 "Certificate Plugin"
  cordova-plugin-compat 1.0.0 "Compat"
  cordova-plugin-console 1.0.4 "Console"
  cordova-plugin-device 1.1.4-dev "Device"
  cordova-plugin-file 4.3.0 "File"
  cordova-plugin-globalization 1.0.5-dev "Globalization"
  cordova-plugin-inappbrowser 1.5.0 "InAppBrowser"
  cordova-plugin-insomnia 4.2.0 "Insomnia (prevent screen sleep)"
  cordova-plugin-ios-longpress-fix 1.1.0 "iOS LongPress Fix"
  cordova-plugin-media 1.0.2-dev "Media"
  cordova-plugin-network-information 1.3.0 "Network Information"
  cordova-plugin-pin-dialog 0.1.3 "PinDialog"
  cordova-plugin-settings-hook 0.2.3 "Cordova Settings Hooks"
  cordova-plugin-splashscreen 4.0.0 "Splashscreen"
  cordova-plugin-statusbar 2.2.0 "StatusBar"
  cordova-plugin-touchid 0.4.0 "Touch ID"
  cordova-plugin-websocket 0.12.0 "WebSocket for Android"
  cordova-plugin-whitelist 1.3.0 "Whitelist"
  cordova-sqlite-storage 1.4.8 "Cordova sqlite storage plugin"
  ionic-plugin-keyboard 2.2.1 "Keyboard"
  org.devgeeks.Canvas2ImagePlugin 0.6.0 "Canvas 2 Image"
  phonegap-plugin-mobile-accessibility 1.0.5-dev "Mobile Accessibility"
  phonegap-plugin-push 1.8.3 "PushPlugin"
  </code></pre>
  
  <p>ionic info:</p>
  
  <pre><code>Your system information:
  
  Cordova CLI: 6.1.1
  Gulp version:  CLI version 3.9.1
  Gulp local:   Local version 3.9.1
  Ionic Framework Version: 2.0.0-rc.1
  Ionic CLI Version: 2.0.0-beta.32
  Ionic App Lib Version: 2.0.0-beta.18
  ios-deploy version: Not installed
  ios-sim version: 5.0.2 
  OS: Mac OS X El Capitan
  Node Version: v5.11.0
  Xcode version: Xcode 8.1 Build version 8B62 
  </code></pre>
  
  <p>I also tried with this in my CSS</p>
  
  <pre><code>.cloned-text-input {
    display: none !important;
  }
  </code></pre>
  
  <p>No difference.</p>
  
  <p>I have no idea where to look - thoughts?</p>