primevue icon indicating copy to clipboard operation
primevue copied to clipboard

Dropdown: editable text field not typing on mobile

Open Yves852 opened this issue 1 year ago • 1 comments

Describe the bug

Using a dropdown with prop editable, when using mobile vue (devtool) or on a Samsung phone; the selected option text cannot be modified or doesn't respond all the time to keyboard inputs.

Before an option is selected, the empty field is responding correcly to keyboard inputs.

I noticed depending the browser, adding text at the end works but not in the middle. Deleting text not working partially or at all.

Reproducer

https://github.com/Yves852/primevue3.47.2-dropdown-mobile-editable

PrimeVue version

3.47.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

Chromium 120.0, Firefox 121.0, Chrome 120.0 (mobile), Firefox 122.0 (mobile)

Steps to reproduce the behavior

View page on mobile mode. Select an option. Try modifying the text in the field. Depending on browser, you can't delete text or modify it partially or at all.

Expected behavior

The text field is writable and deletable in mobile the same way it is on pc.

Yves852 avatar Jan 26 '24 11:01 Yves852

Thanks a lot for your report! I set a milestone for it. We'll check it before the milestone is released.

mertsincan avatar Jan 28 '24 23:01 mertsincan