Skip to content

InputMask does not work on Samsung Android Chrome on Update 4.4.1 #8215

@KenayCPrivat

Description

@KenayCPrivat

Describe the bug

When I try to enter an IBAN in an InputMask on a mobile Samsung Android device, it doesn't work. I can put the focus on the field, but no entries are displayed and at some point the cursor jumps to the middle of the input field.

Reports describe this behavior for Android phones and tablets.
Samsung Galaxy S20+
Chrome 139.0.7258.158
Android 13 Build/TP1A.220624.014
It also does not work in Your own showcase on primevue.org on Samsung Android Chrome.

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/input-mask-not-working-on-android?file=src%2FApp.vue

Environment

Just Vue and PrimeVue are needed to reproduce this bug.

Vue version

3.5.13

PrimeVue version

4.4.1

Node version

latest

Browser(s)

e.g.: Chrome 139.0.7258.158 (Android 13 Build/TP1A.220624.014), but also other Samsung phones;

Steps to reproduce the behavior

  1. Open the site on a Chrome browser in an Samsung Android device.
  2. Try to enter a valid IBAN, e.g.: AT483200000012345864
  3. You should not be able to enter anything.
  4. At some time, the cursor jumps to the end of the mask.

Expected behavior

On every device one should be able to enter their IBAN. The entry should work with both underscore and space slot characters.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions