Unplanned
Last Updated: 16 Feb 2024 13:44 by ADMIN
Created by: Boris
Comments: 6
Category: ComboBox
Type: Bug Report
2

Describe the bug
Combobox does not scroll to focused item

To Reproduce
https://stackblitz.com/edit/u4crwa?file=src%2Fmain.vue

Type v

Expected behavior
Volleyball is scrolled into view

Completed
Last Updated: 05 Sep 2023 13:44 by ADMIN
Release [R3 2023] PI 2

Describe the bug
When defined, the aria-label of the ComboBox is applied to the wrapper element with a "k-combobox" class while it should be applied to the input element with the "k-input-inner" class

To Reproduce

  1. Open this StackBlitz example
  2. Open browser's Devtools and inspect the ComboBox element
  3. See where the aria-label is applied

Expected behavior
The aria-label should be applied to the inner input element

Screenshots
image

Unplanned
Last Updated: 24 Aug 2023 11:12 by Mohammed

Describe the bug
Custom value not persisted on blur when using value-primitive

To Reproduce
Steps to reproduce the behavior:

If possible, share a runnable snippet on StackBlitz by following the steps below:

  1. Find an example in[ the documentation that looks similar to your case](https://stackblitz.com/edit/6kttks-xjfsfu?file=src%2Fmain.vue).
  2. focus the Combobox
  3. type some custom texts and click away to blur it
  4. Current: the custom typed text is cleared

Expected behavior
The custom typed value persists

Completed
Last Updated: 20 Mar 2023 12:36 by ADMIN
Release R2 2023 - Increment 2 (12.04.2023)

Describe the bug
Both the ComboBox and DropDownList don't work as expected when configured in a virtualization scenario. The issue is related to skip value available in the event handler of the "pagechange" event. When you scroll the virtualized list down and then start to scroll in back in the upside direction, the value available in the event.skip property is at first being changed to a number that is bigger than the current "skip" value.

The result is that if you are currently at element 5000 in the popup list, and decide to scroll in the upside direction, the list will display items with an ID bigger than 5000 and the scroll in the upside direction will start from this new position.

To Reproduce

  1. Open this StackBlitz example
  2. Open your browser's console
  3. Scroll fast to an item with ID of 2000 +
  4. Start scrolling up to item 0
  5. See the skip values in the console.

Expected behavior
When scrolling the items in the ComboBox or DropDownList components, the lists should behave the same way no matter if they are configured in a virtualization or default scrolling mode. When the list is scrolled, its items should move up or down without jumping to records that are not in the same direction as the scrolling.

Screenshots
If applicable, add screenshots to help explain your problem.

image

Completed
Last Updated: 16 Aug 2022 07:33 by ADMIN
Release R3 2022 - Increment 3 (14.09.2022)

Describe the bug
When the PageChange event of the Native ComboBox or MultiSelect is triggered the following warning appears in the browser's console:
image

To Reproduce

  1. Open this StackBlitz example
  2. Expand the popup of the MultiSelect and start scrolling its items
  3. Check the browser's console

Expected behavior
There shouldn't be any browser warnings when the pagechange event is triggered

Completed
Last Updated: 20 Sep 2021 05:47 by ADMIN

A warning appears in the console when the Open and Close events of the ComboBox are triggered.

Example: https://stackblitz.com/edit/v8hk4y?file=src/main.vue