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:

  1. check out and build the ionic-preview-app and build

  2. ionic serve

  3. scroll to the ion-searchbar page.

  4. change input to chinese and type “qingshan”. notice on Chrome the input for chinese does not appear, and on Safari multiple letters appear.

  5. Change package.json ionic-angular dependency to 3.0.1

  6. remove node_modules and npm install again

  7. 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 safari Bug on ion-searchbar on 3.1.0 and 3.1.1

expected behaviour Expected behaviour

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Reactions: 8
  • Comments: 18 (4 by maintainers)

Most upvoted comments

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 .