Skip to content

ion-searchbar bug on 3.1.0, 3.1.1, 3.2.0 for non-latin languages. #11566

Closed
@kelvinhokk

Description

@kelvinhokk

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions