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

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. 

In the DropDowns DataItems components we may want to render the id-s of the items and take it directly from the items.

 <div id="app">
            <kendo-dropdown
                :data-items="employees" :data-item-key="'id'" :text-field="'text'">
            </kendo-dropdown>
        </div>

        <script>
            const app = Vue.createApp({
                components: {
                    'kendo-dropdown': window.KendoVueDropdowns.DropDownList
                },
                data() {
                    return {
                        employees: [
                            { id: 182, text: "John" },
                            { id: 273, text: "James" },
                            { id: 325, text: "Jane" }
                        ]
                    }
                }
            });

            app.mount('#app');
        </script>

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.

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

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.