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.

Sign up for GitHub

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

Jump to bottom

Autocomplete: Cannot set properties of null (setting 'value') #5746

Open
gloompiq opened this issue May 15, 2024 · 0 comments · May be fixed by #5747
Open

Autocomplete: Cannot set properties of null (setting 'value') #5746

gloompiq opened this issue May 15, 2024 · 0 comments · May be fixed by #5747
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@gloompiq
Copy link

Describe the bug

We render Autocomplete inside OverlayPanel and after adding input and clicking on Esc button, it crashes our app with the following error.

image

I tried to reproduce the bug, but it didn't happen in stackblitz. In the below image you can clearly see that error is happening because focusInput ref is undefined, and my assumption is that in our app, onChange listener is being triggered a bit later than in stackblitz, because we have much more logic in our app and when it is triggered, the component was already unmounted.

image

Reproducer

https://stackblitz.com/edit/jewhvd?file=src%2FApp.vue

PrimeVue version

3.51.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

Chrome 124

Steps to reproduce the behavior

Render AutoComplete inside OverlayPanel, enter some values in search input and then click Esc.

Expected behavior

No app crashes
@gloompiq gloompiq added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label May 15, 2024
@gloompiq gloompiq linked a pull request May 15, 2024 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(Autocomplete): Cannot set properties of null (setting 'value') gloompiq/primevue
1 participant
@gloompiq