ionic-framework: ion-searchbar bug on 3.1.0, 3.1.1, 3.2.0 for non-latin languages.
Ionic version: (check one with “x”) [ ] 1.x [ ] 2.x [ X] 3.x
I’m submitting a … (check one with “x”) [X ] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/
Current behavior:
Replication environment: Mac OS X (for PWA) Different behaviours in Chrome 58.0.3029.96 and Safari Version 10.1 (12603.1.30.0.34) (see videos)
Currently I have replicated the bug on the ionic-preview-app on ionic versions 3.1.1, 3.1.0, 3.2.0
The bug does not happen on 3.0.1.
Description: The key up on the ion-searchbar seems to be broken since 3.1.0 onwards for non latin keyboards. For example I am using a chinese Hanyu pin yin keyboard to type “青山” (qingshan).
However on Safari, the ion-searchbar goes like "qqqiqiqingqinqingqing sqing sqing shqing… ". See video. On Chrome, the ion-searchbar seems to dismiss the language bar intended to popup.
Expected behavior:
The ion-searchbar should work normally with the different language inputs.
See video.
Steps to reproduce:
-
check out and build the ionic-preview-app and build
-
ionic serve
-
scroll to the ion-searchbar page.
-
change input to chinese and type “qingshan”. notice on Chrome the input for chinese does not appear, and on Safari multiple letters appear.
-
Change package.json ionic-angular dependency to 3.0.1
-
remove node_modules and npm install again
-
notice that things work normally.
Related code:
insert any relevant code here
https://github.com/driftyco/ionic-preview-app
Other information:
Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):
insert the output from ionic info here
Cordova CLI: 6.5.0 Ionic Framework Version: 3.0.1 (or 3.1.1 for the bug) Ionic CLI Version: 2.2.2 Ionic App Lib Version: 2.2.1 Ionic App Scripts Version: 1.3.5 ios-deploy version: 1.9.1 ios-sim version: 5.0.2 OS: macOS Sierra Node Version: v7.9.0
Bug on ion-searchbar on 3.1.0 and 3.1.1
Expected behaviour
About this issue
- Original URL
- State: closed
- Created 7 years ago
- Reactions: 8
- Comments: 18 (4 by maintainers)
Hello all! This is going to be fixed in the next release of ionic in this pr https://github.com/ionic-team/ionic/pull/11586
Hello, thanks for using Ionic! We will look into this.
I faced the same bug too during inputting Japanese.
I could solve this by replacing from
(input)to(change)in https://github.com/driftyco/ionic/blob/master/src/components/searchbar/searchbar.ts#L37 .