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

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

Currently, the Kendo UI for Vue Native DropDownList doesn't have the valuePrimitive property which is available in the:

• Angular DropDownList - https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownListComponent/#toc-valueprimitive 
• and the jQuery DropDownList - https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/valueprimitive 

Providing such property for the Native Vue DropDownList will be useful in different use-case scenarios. 

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"

Currently, the popup of the DropDownList component opens only at the bottom of the component.

It will be a very nice feature if the Native DropDownList has a property that can configure the popup of the component to appear above its input. 

This functionality will also be useful in scenarios where the DropDownList(DDL) is positioned at the bottom of a page. With the current implementation, when the DDL popup is expanded part of its items are hidden by the page borders. 

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

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.