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

Tree: keyboard keys don't work in InputElement #3831

Closed
MassimoBev opened this issue Apr 3, 2023 · 2 comments · Fixed by #3998
Closed

Tree: keyboard keys don't work in InputElement #3831

MassimoBev opened this issue Apr 3, 2023 · 2 comments · Fixed by #3998
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@MassimoBev
Copy link

Describe the bug

If I have an InputText inside a Tree some keys doesn't work, for example the space, arrows or tab.
Tree captures this events

Reproducer

https://codesandbox.io/s/eloquent-montalcini-wdttff?file=/src/App.vue

PrimeVue version

3.23/3.24

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

Firefox, Chrome

Steps to reproduce the behavior

  • Expand the "Document" node
  • As a child there is an Input text
  • Try to write for example "Test Space"
  • the space doesn't work

Expected behavior

I can use space, arrows and tab

@MassimoBev MassimoBev added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 3, 2023
@bahadirsofuoglu bahadirsofuoglu 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 May 10, 2023
@tugcekucukoglu tugcekucukoglu added this to the 3.34.1 milestone Sep 8, 2023
@Zebnastien
Copy link

Zebnastien commented Sep 29, 2023

I still have the same problem in 3.35.0 with TreeTable.
https://codesandbox.io/s/focused-chebyshev-82vhfh?file=/src/App.vue

@jbreneman
Copy link

I also ran into this in 3.37.0 with TreeTable. I was able to work around it for now by adding an empty keydown handler to my input that stops propagation to prevent the TreeTable from hijacking the event when the user is focused on an input:

<InputText @keydown.stop="() => {}" />

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

Successfully merging a pull request may close this issue.

5 participants