Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown: editable text field not typing on mobile #5156

Open
Yves852 opened this issue Jan 26, 2024 · 2 comments
Open

Dropdown: editable text field not typing on mobile #5156

Yves852 opened this issue Jan 26, 2024 · 2 comments
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team

Comments

@Yves852
Copy link

Yves852 commented Jan 26, 2024

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 Yves852 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 26, 2024
@mertsincan
Copy link
Member

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

@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jan 28, 2024
@mertsincan mertsincan added this to the 3.50.0 milestone Jan 28, 2024
@tugcekucukoglu tugcekucukoglu modified the milestones: 3.50.0, 3.51.0 Mar 15, 2024
@tugcekucukoglu tugcekucukoglu modified the milestones: 3.51.0, 3.53.0 Apr 4, 2024
@tugcekucukoglu tugcekucukoglu removed this from the 3.53.0 milestone Jun 27, 2024
@Yves852
Copy link
Author

Yves852 commented Sep 12, 2024

Still happening in 4.0 on Primevue website with Select: https://primevue.org/select/.

The Autocomplete can be used instead though: https://v3.primevue.org/autocomplete/#dropdown.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Projects
None yet
Development

No branches or pull requests

3 participants