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

BUG: Autocomplete #header slot with autoHighlight option #1720

Closed
aeastburg opened this issue Nov 2, 2021 · 0 comments
Closed

BUG: Autocomplete #header slot with autoHighlight option #1720

aeastburg opened this issue Nov 2, 2021 · 0 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@aeastburg
Copy link

[x] bug report
primevue: 3.8.2
vue: 3.2.20
browser: chrome

Reproduce by creating a primevue using the autoHighlight option.
Add the #header slot and put an element like a

inside.
If you just put text in #header, the autocomplete works. But when it's an element in the slot it will break.

Might be something about autoHighlight option automatically trying to select the first element, but it's now colliding with the unaccounted for header element when #header slot is used.

You'll get this error in console when autocomplete tries to show the overlay. (no overlay is shown)
TypeError: Cannot read properties of null (reading 'classList')
at Object.addClass (utils.esm.js?dd76:123)
at Proxy.onOverlayEnter (autocomplete.esm.js?4084:141)

@tugcekucukoglu tugcekucukoglu added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Nov 9, 2021
@tugcekucukoglu tugcekucukoglu added this to the 3.8.3 milestone Nov 9, 2021
@tugcekucukoglu tugcekucukoglu self-assigned this Nov 9, 2021
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