Weird situation: German keyboard - text-input characters get replaced after showing up correctly first (see video)


#1

Hi folks, 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.

When entering input, the correct character shows up and then gets replaced with either a duplicate character or a wrong character.

Please see this video: https://youtu.be/3EHKaApn7wA

The input code is this:

<h4>{{'kWizPortalUrl' | translate}}</h4>
            <label class="item item-input">
                <input autocorrect="off" autocapitalize="none" autocomplete="off" type="text" placeholder="e.g. http://server/zm" ng-model="wizard.portalurl">
            </label>

I then tried to create a simplified codepen for him to load on his android device - that doesn’t cause a problem. That codepen is here

I’m at a complete loss on why this is happening. Any thoughts?

List of plugins used

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"

ionic info:

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 

I also tried with this in my CSS

.cloned-text-input {
  display: none !important;
}

No difference.

I have no idea where to look - thoughts?


#2

posted on a sunday - hoping folks will see it on Monday :slight_smile:


#3

Well, it seems the samsung auto-correct was causing problems. I posted in SO, got an answer and validated with the user this solved the problem.

No idea why it was only happening to my app, not the codepen and other apps though. So its not really a solution, just that we found the problem and how to disable the conflict.