Unplanned
Last Updated: 12 Mar 2024 13:35 by ADMIN
Scheduled for 2024 Q2 (May)

When using both filtering and virtualized dropdownlist, it can sometimes occur that the list will show no items after a series of repro steps:

Stackblitz (modified with only a console.log in the handlePageChange function) from Vue Dropdowns Library & DropDownList Component - Virtualization - Kendo UI for Vue Docs & Demos (telerik.com)

Qsz3dh (forked) - StackBlitz

  1. open dropdown
  2. type 33333 into the filter
  3. see no data found
  4. quickly remove the last 2 3's, so now you're only filtering on 333
  5. quickly scroll down, then quickly scroll up
  6. see no data found and see that skip is NaN in the console
Unplanned
Last Updated: 15 Aug 2023 07:35 by Andreas

Describe the bug
When using the DropDownList in combination with its label and aria-required props the aria-required is not correctly rendered

To Reproduce

  1. Open this CodeSandbox project
  2. Open the browser's DevTools
  3. Inspect the DropDownlist
  4. See where the aria-required attribute is rendered

Expected behavior
The aria-required attribute should be rendered on the element with the "combobox" role.

Screenshots
image

Unplanned
Last Updated: 14 Aug 2023 15:05 by Liam
Created by: Liam
Comments: 0
Category: DropDownList
Type: Bug Report
0

The DropDownList doesn't select the correct item on initial load in the list when list starts with 'Baseball, Basketball'. This can be observed in the following example:

https://codesandbox.io/s/stoic-tdd-mfjlh2

Steps to reproduce:

  • refresh the preview window
  • tab to or open the dropdownlist
  • press the 'B' key

Expected result:
'Baseball' is selected

Actual result:
'Basketball' is selected.

Ticket ID: 1619469

Unplanned
Last Updated: 18 Jul 2023 12:33 by Vincent

Describe the bug
A clear and concise description of what the bug is.

To Reproduce

  1. Open this project
  2. Use the scrollbar and scroll to Item 600
  3. Using a mouse start scrolling fast in an upside direction.
  4. Some items are missing on the top of the list of items

Expected behavior
There shouldn't be missing items at the top of the list of items

Screenshots
Video: https://www.dailymotion.com/video/k5P0hMi2v5r54nzidJI
image

Completed
Last Updated: 01 May 2023 06:53 by ADMIN

Describe the bug
When the AutoComplete and Button components are disabled, they are still focusable.

To Reproduce

  1. Open this StackBlitz example
  2. Press the Tab key to focus the DropDownList
  3. Press the Tab key for a second time to focus the Button

Expected behavior
When disabled, both the DropDownList and Button should not be focusable

Unplanned
Last Updated: 13 Apr 2023 14:35 by Vincent

Describe the bug
In a scenario of a DropDownList with virtualization and a valuePrimitve set to true, the selected value disappears if the data in the popup is scrolled.

To Reproduce

  1. Open this StackBlitz example
  2. Open the popup of the DropDownList and select 'Item 5'
  3. Open the DropDownList again and scroll the data down

Expected behavior
The selected value of the DropDownList should not disappear when scrolling its data.

Screenshots
image

Completed
Last Updated: 20 Mar 2023 12:32 by ADMIN

Describe the bug
When the Native DropDownList is configured to work in a data virtualization mode, if the user scrolls to the last data page, then close and reopen the popup of the component, no data is visualized in the popup. If the empty popup is scrolled, then the missing data appears back.

To Reproduce

  1. Open this StackBlitz example
  2. Open the DropDownList and scroll its data to the end
  3. Click outside the DropDownList to close its popup
  4. Click on the DropDownList to open it

Expected behavior
The same data that is visible before the popup is closed, should be visible inside the DropDownList when it is opened on step 4 above.

Screenshots
When step 4 is done:
image

When the popup is scrolled:
image

Completed
Last Updated: 20 Sep 2022 11:12 by ADMIN
Release R1 2023 - Increment 1 (26.10.2022)

Describe the bug
The position of the DropDownList's popup is not updated when the popup is opened above the component and the data items in the popup are filtered.

To Reproduce

  1. Open this StackBlitz example in a new tab
  2. Resize the browser's window in a way the DropDownlist is at the bottom of the visible area and click on the component to expand its popup. Because there is no space below the DropDownList, its popup should pop above the component
  3. In the search box in the popup write "sm"

Expected behavior
The bottom of the popup should be constantly stuck to the DropDownList and not staying at it initial position above the compoennt.

Screenshots

DDL-filter.mp4
Completed
Last Updated: 02 Sep 2022 10:50 by ADMIN
Release R3 2022 - Increment 3 (14.09.2022)

Describe the bug
The appendTo and className properties of the Popup component cannot be set for the DropDowns, when configured through the popupSettngs prop.

To Reproduce

  1. Open this StackBlitz example
  2. Expand the DropDownList

Expected behavior
We should be able to add a className to the component's popup and control the element to which the popup will be appended to.

Unplanned
Last Updated: 31 Dec 2021 06:46 by jake

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

https://stackblitz.com/edit/5yuap2-cjycwm?file=src/main.vue
open the dropdownlist
The popup is NOT aligned with the component

Expected behavior
the popup is aligned with the component
workaround - https://stackblitz.com/edit/5yuap2-f2kb5l?file=src%2Fmain.vue

Unplanned
Last Updated: 16 Dec 2021 08:51 by DKD-dev

Describe the bug

When filtering the DropDownList data, if both the value and the data-item-key properties are defined for the component, an error appears in the browser's console. Once the error appears, the popup of the component cannot be closed.

To Reproduce

  1. Open this StackBlitz example
  2. In the DropDownList, search/filter for something that doesn't exist. The point here is to get the 'NO DATA FOUND' template displayed.
  3. Once that 'NO DATA FOUND' is displayed then delete the searched text

Expected behavior
The DropDownList should continue to work with no issues no matter the combination of properties configured for it.

Screenshots
image

Completed
Last Updated: 03 Jun 2021 07:30 by ADMIN

I'm submitting a...

  • Bug report

Current behavior

When the filterable property of the Native DropDownList is set to "true" the keyboard navigation is not working as expected. When the arrow up/down button is pressed in opened DropDownList, the selection in the popup is changed with two steps instead of one.

Expected behavior

On press of the up/down arrow key, the selection in the DropDownList's popup should be changed with one step, instead of two

Minimal reproduction of the problem with instructions

  1. Open this StackBlitz example
  2. Click on it to open the popup window
  3. Press the arrow down key. The selection is moved to "Football" while the expected behavior is to move to "Basketball"
Unplanned
Last Updated: 24 Feb 2021 09:49 by ADMIN

I'm submitting a...

  • Bug report

Current behavior

When the DropDownList is focused and NOT expanded use the "Left/Right/Up/Down" arrows to change the selection in the component. The value in the DropDownList is changing but not being announced by the screen readers.

Expected behavior

The changed DropDownList value should be announced no matter the way the value has been changed.

Minimal reproduction of the problem with instructions

  1. Start NVDA
  2. Open this project
  3. Focus the DropDownList
  4. Use the keyboard arrows to change the component's value
Completed
Last Updated: 18 Jan 2021 10:08 by ADMIN

I'm submitting a...

  • Bug report

Current behavior

The record that matches the search criteria of the AutoComplete is highlighted in the popup but the data is not scrolled to this highlighted record.

Expected behavior

The data in the AutoComplete popup should be scrolled to the highlighted element

Minimal reproduction of the problem with instructions

  1. Open this Demo
  2. Write "Denmark"
  3. If you scroll the popup data "Denmark" will be highlighted but this scrolling should be automatic.