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

MultiSelect / Listbox / Dropdown: Unable to use some navigation keys when editable is true #5833

Closed
1Map opened this issue Jun 4, 2024 · 0 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@1Map
Copy link
Contributor

1Map commented Jun 4, 2024

Describe the bug

On the PrimeVue Dropdown Component (when the editable property is set):

Some navigation keys on the keyboard does not work as intended when editable is true. For example:

  • When pressing delete button - cursor jumps to start of text and does not delete character to the right of the cursor (or highlighted characters)
  • When any part of the text is highlighted, pressing Delete should delete the highlighted text.
  • When cursor is at the end of text (or any other position except start), holding shift + Home button should highlight text from current cursor position to the start and cursor should jump to start
  • When cursor is at the start of text (or any other position except end), holding shift + End button should highlight text from current cursor position to the end and cursor should jump to end

Reproducer

See your demo as the bug is also present in your demo:

https://primevue.org/dropdown/#editable

PrimeVue version

latest

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

ALL

Steps to reproduce the behavior

Visit your demo and test the behavior there.

Expected behavior

Expected as explained in description

@1Map 1Map added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jun 4, 2024
@1Map 1Map changed the title Dropdown: Unable to use some keys when editable is true Dropdown: Unable to use some modifier/navigation keys when editable is true Jun 5, 2024
@1Map 1Map changed the title Dropdown: Unable to use some modifier/navigation keys when editable is true Dropdown: Unable to use some navigation keys when editable is true Jun 5, 2024
@tugcekucukoglu tugcekucukoglu added this to the 3.53.0 milestone Jun 7, 2024
@tugcekucukoglu tugcekucukoglu added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jun 7, 2024
@tugcekucukoglu tugcekucukoglu self-assigned this Jun 7, 2024
@tugcekucukoglu tugcekucukoglu changed the title Dropdown: Unable to use some navigation keys when editable is true MultiSelect / Listbox / Dropdown: Unable to use some navigation keys when editable is true Jun 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

2 participants