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

onActive on mouseover doesn't work with vue renderer #1300

Open

jenky opened this issue Jan 24, 2025 · 0 comments

jenky commented Jan 24, 2025 •

edited

Loading

Description

onActive doesn't fire with the Vue renderer, and items do not get highlighted on hover because aria-selected is always false.

Reproduction

Follow the document at https://www.algolia.com/doc/ui-libraries/autocomplete/integrations/using-vue/ and replace the renderer option

renderer: { createElement: h, Fragment, render }

Then, search and hover your mouse cursor over any items.

Reproduce link: https://stackblitz.com/edit/vitejs-vite-bbjrfwxy?file=src%2FApp.vue

Note

Upon removing the renderer option, everything works as expected.
Keyboard navigation still works as the item still get highlighted and onActive also get called.

Expected behavior

onActive should be called.
aria-selected state should updated accordingly.

Environment

OS: macOS 15.1.1 (24B91)
Browser: Chrome Version 131.0.6778.265
Autocomplete version: 1.17.9

The text was updated successfully, but these errors were encountered:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment