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

Issue: Keyboard navigation broken when using v-slot:beforeList #1783

Open
LeGoffMael opened this issue Jul 16, 2024 · 0 comments
Open

Issue: Keyboard navigation broken when using v-slot:beforeList #1783

LeGoffMael opened this issue Jul 16, 2024 · 0 comments

Comments

@LeGoffMael
Copy link

Thank you for building this great component !

Reproduction Link

vue 3.3.4, vue-multiselect 3.0.0

The v-slot:beforeList slot is actually not displayed in jsfiddle (no idea why), so it doesn't reproduce the error.
But the code to reproduce the error on local is the same
https://jsfiddle.net/mlegoff10/Lu4t9xzh/

In the following video v-slot:beforeList's height is fixed to 40px and :option-height is kept to default.

Screen.Recording.2024-07-16.at.6.21.52.PM.mov

Steps to reproduce

Add a v-slot:beforeList into the multiselect component.
When navigating through the options list using the keyboard the bottom is cut-out.

Expected behaviour

The library should take into account the v-slot:beforeList height (maybe by considering it to be equal to :option-height value)
The keyboard navigation should works properly even with a v-slot:beforeList.

Actual behaviour

The keyboard navigation does not work properly when using v-slot:beforeList.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant