Describe the bug
Aria label can not be set in an icon only DropDownButton
To Reproduce
Inspect the button element
https://stackblitz.com/edit/gvk8hm-s2fmdf?file=src%2Fmain.vue
Expected behavior
We can set aria-label
Screenshots
The aria label can be set to some value
Workaround :
https://stackblitz.com/edit/gvk8hm-tquawk?file=src%2Fmain.vue
Describe the bug
The modal property of the Window is supposed to control if there is a layer behind the component that prevents or allows interaction with the elements that are below the Window.
Currently, there is no way to click the elements behind the Window.
.k-dialog-wrapper {
height: initial;
width: initial;
}
To Reproduce
Expected behavior
If the modal property is set to false, the user should be able to interact with the HTML elements behind the Window.
Describe the bug
When using the GridPdfExport component for exporting Grid data to a PDF file the exporting operation fails with the following error:
To Reproduce
Expected behavior
A system dialog should appear asking where the generated file should be saved
Describe the bug
When we have an Input component that is used inside a Drawer, once the Input's text is selected, a JS error is thrown.
To Reproduce
Expected behavior
The selection of the text inside the Input should not trigger any errors
Describe the bug
When using the listNoDataRender prop of the Native MultiSelect component the following warning appears in the browser's console.
To Reproduce
Expected behavior
No warnings or errors should appear in the dev console
Describe the bug
When setting the animation property of the Skeleton component to false there is a console warning.
To Reproduce
Expected behavior
There shouldn't be any warnings or errors when using the Skeleton component
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
Describe the bug
The Native TreeList component throws an error when used in inline add/edit mode, in the Firefox browser.
To Reproduce
Expected behavior
The Input's value should be editable and no errors should be thrown.
Describe the bug
When the AutoComplete and Button components are disabled, they are still focusable.
To Reproduce
Expected behavior
When disabled, both the DropDownList and Button should not be focusable
Describe the bug
When using a slot template inside the Grid, the content of the template should always have only one DOM element on the root level. If there are multiple elements on the root level, only the first element will be rendered.
In scenarios when we add a comment inside the slot template as a first element, the Grid recognizes it as the first element in the template and nothing will be rendered.
To Reproduce
Expected behavior
The rendering of the slot template shouldn't depend on the number of root elements inside it. The template should be rendered in scenarios with both single and multiple elements in the root.
Describe the bug
The Drag and Drop functionality of the ListBox doesn't work when one of its lists is empty.
To Reproduce
Expected behavior
The users should be able to drag and drop the ListBox items no matter if its lists are empty or not
Describe the bug
Scheduler difference in initial events' positioning in Firefox
To Reproduce
https://stackblitz.com/edit/to5tp6-yqy5j5?file=src%2Fmain.vue,package.json
Open the example in FireFox and in Chrome
In Firefox the events starts from 9:30
Expected behavior
The event starts in 8:30 in both browsers
Describe the bug
When using a slot to define the columns in the Wrapper Grid, the result in Vue 2 and Vue 3 is different.
To Reproduce
Check the two examples below:
The two examples use the same implementation but the number of columns rendered in each Grid is different
Expected behavior
The two examples should work the same way as in the Vue 2 application.
Describe the bug
When set to "disabled", the underlying input field does not get the "disabled" attribute, so it's still editable. You cannot click on it since the wrapping span has pointer-events: none, but if you set a label for this input, you still can edit a disabled field, which is kinda no-go in terms of security.
Good thing: Updates to the disabled field do not fire an update event, which might be good or bad, depending on whether we consider security or UX.
To Reproduce
Expected behavior
The input inside the Input component should have a disabled attribute.
Describe the bug
some of the template props are not available in the slot template
To Reproduce
https://stackblitz.com/edit/whbigs?file=src%2Fmain.vue
Expected behavior
props.start is available in the slot
The DatePicker, DateTimePicker, TimePicker, and DateRangePicker components don't provide open and close events that are triggered when the popup of a component is opened/closed.
Kendo Splitter component `change` event is triggered from child components e.g. Input/Grid. I have multiple splitters defined, but only parent splitter has `onChange` event listener defined. When changing the text from child containing Kendo Input component which has no change event defined (doesn't really matter if it is), the event is propagated to Splitters `onChange` event and crashes Splitter pane handling. Added `onChange` listener to other Splitters as-well, they all are triggered. Clicking on Grid component checkboxes (is child to Splitter) to select the row will also trigger Splitters `onChange` event. Current workaround is to defined Splitters `@change` event as `@change.self` then the children's `change` events wont trigger it.
Describe the bug
No scrollers appear inside the Native TextArea component when we have a multiline content
To Reproduce
Expected behavior
A vertical scroller should appear when we add multiline content inside the TextArea
Hey there!
It would be great to add an option to the <Grid /> component that allows specifying a custom cell template specifically for the "select" column.
Looking at the documentation, there is an example that shows how to do something similar, but it overrides the complete CellRenderer for all columns.
Here is a minimum example of the API we could have:
<script lang="ts" setup>
import { Grid } from '@progress/kendo-vue-grid';
</script>
<template>
<Grid
selected-field="selectedField"
selected-cell="mySelectCell"
>
<template #mySelectCell="{ props }">
<!-- Checkbox or whatever you want -->
</template>
</Grid>
</template>
Describe the bug
The DatePicker component behaves unexpectedly when it is part of an HTML form that has a Submit button. The things that happen are as follows:
To Reproduce
Scenario 1:
Scenario 2:
Expected behavior
When pressing Enter inside the HTML form, the form should be submitted and no DatePicker popups should open