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][DropDownList] Wrong height is set for the popup when virtual scrolling is used in combination with grouping and filtering #609

Open
kdikov82 opened this issue Aug 23, 2024 · 0 comments
Labels
Bug Item which indicates that something is not working Kendo UI for Vue SEV: High

Comments

@kdikov82
Copy link

Description:

I am experiencing issues with the Kendo Vue DropdownList component when using the virtual and filterable and group-field options together. Specifically, I have noticed the following problems:

Scroll Issue with Filtering: When both the virtual and filterable and group-field options are enabled, searching for a term in the dropdown causes the scroll bar to extend infinitely. This results in an unresponsive UI as the scroll area continuously expands beyond the intended bounds.

Steps to Reproduce:
Open the example : https://stackblitz.com/edit/9zfizs?file=src%2Fmain.vue
Type '44423' in the filter
You will notice that only 5 items remain after the filtering, but the height of the scroll is not changed correctly.
Closing and opening the menu shows the correct height, so it must be some state issue with the update.

(I tried manually calling the this.$refs.ddlRef.base.vs.calcScrollElementHeight() method, but the same wrong height was set)

Kendo UI for Vue Version: 5.2.0
Vue Version: 3.4.33
Browser: Chrome
Operating System: Windows 11
Additional Information:

@kdikov82 kdikov82 added Bug Item which indicates that something is not working SEV: High Kendo UI for Vue labels Aug 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Item which indicates that something is not working Kendo UI for Vue SEV: High
Projects
None yet
Development

No branches or pull requests

1 participant