Completed
Last Updated: 07 Jun 2023 12:22 by ADMIN
Created by: Pete
Comments: 0
Category: DropDownButton
Type: Bug Report
0

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

Completed
Last Updated: 07 Jun 2023 12:21 by ADMIN

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

  1. Open this demo
  2. Try to click on the "Close Window" button

Expected behavior
If the modal property is set to false, the user should be able to interact with the HTML elements behind the Window.

Completed
Last Updated: 07 Jun 2023 12:21 by ADMIN
Created by: Chris
Comments: 2
Category: Grid
Type: Bug Report
2

Describe the bug
When using the GridPdfExport component for exporting Grid data to a PDF file the exporting operation fails with the following error:
image

  • The issue is replicable only when working in Vue 2 context

To Reproduce

  1. Open this CodeSandbox example
  2. Click the button above the grid

Expected behavior
A system dialog should appear asking where the generated file should be saved

Completed
Last Updated: 07 Jun 2023 12:20 by ADMIN

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

  1. Open this StackBlitz example
  2. Click the "Magnifier" icon
  3. Enter random text inside the Input
  4. Select the text inside the Input

Expected behavior
The selection of the text inside the Input should not trigger any errors

Completed
Last Updated: 24 May 2023 04:29 by ADMIN

Describe the bug
When using the listNoDataRender prop of the Native MultiSelect component the following warning appears in the browser's console.
image

To Reproduce

  1. Open this StackBlitz example
  2. Open the browser's console

Expected behavior
No warnings or errors should appear in the dev console

Completed
Last Updated: 17 May 2023 07:44 by ADMIN
Release R2 2023 - Increment 3 (17.05.2023)

Describe the bug
When setting the animation property of the Skeleton component to false there is a console warning.

To Reproduce

  1. Open this StackBlitz example
  2. Check the browser's console

Expected behavior
There shouldn't be any warnings or errors when using the Skeleton component

Screenshots
image

Completed
Last Updated: 04 May 2023 09:01 by ADMIN
Release R2 2023 - Increment 2 (12.04.2023)
Created by: Boris
Comments: 2
Category: ComboBox
Type: Bug Report
1

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: 01 May 2023 14:11 by Natalie

Describe the bug
The Native TreeList component throws an error when used in inline add/edit mode, in the Firefox browser.

To Reproduce

  1. Open this StackBlitz example in the Firefox browser.
  2. Click the "Edit" button on a random row
  3. Try to edit the content of the Input that appears in the Name column

Expected behavior
The Input's value should be editable and no errors should be thrown.

Screenshots
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

Completed
Last Updated: 21 Apr 2023 05:59 by ADMIN
Release R2 2023 - Increment 2 (12.04.2023)

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

  1. Open this StackBlitz example
  2. See the Unit Price column

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.

Screenshots
image

Completed
Last Updated: 18 Apr 2023 07:08 by ADMIN
Release R2 2023 - Increment 2 (12.04.2023)

Describe the bug
The Drag and Drop functionality of the ListBox doesn't work when one of its lists is empty.

To Reproduce

  1. Open this StackBlitz example
  2. Move all ListBox items to the column on the left
  3. Try to move an item from the left column to the right one

Expected behavior
The users should be able to drag and drop the ListBox items no matter if its lists are empty or not

Completed
Last Updated: 18 Apr 2023 05:26 by ADMIN

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

Completed
Last Updated: 18 Apr 2023 05:25 by ADMIN

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.

  • In Vue 2, if we pass 2 columns to the slot, only these two columns are rendered in the component.
  • In Vue 3, no matter how many columns we pass to the slot, the component renders all columns, based on the data in the datasource

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.

Screenshots
Vue 2:
image
Vue 3:
image

Completed
Last Updated: 10 Apr 2023 13:01 by ADMIN
Release R2 2023 - Increment 2 (12.04.2023)
Created by: David
Comments: 1
Category: Input
Type: Bug Report
0

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

  1. Open this CodeSandbox

Expected behavior
The input inside the Input component should have a disabled attribute.

Completed
Last Updated: 05 Apr 2023 12:55 by ADMIN
Created by: n/a
Comments: 0
Category: Scheduler
Type: Bug Report
0

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

Completed
Last Updated: 29 Mar 2023 08:54 by Andreas
Release R2 2023 - Increment 2 (12.04.2023)
Created by: Ben
Comments: 3
Category: Kendo UI® for Vue
Type: Feature Request
1

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. 

 

Completed
Last Updated: 28 Mar 2023 16:08 by ADMIN
Release R2 2023 - Increment 2 (12.04.2023)
Created by: Ako
Comments: 5
Category: Kendo UI® for Vue
Type: Bug Report
0

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.

Completed
Last Updated: 28 Mar 2023 14:50 by ADMIN
Release R2 2023 - Increment 2 (12.04.2023)

Describe the bug
No scrollers appear inside the Native TextArea component when we have a multiline content

To Reproduce

  1. Open this StackBlitz example
  2. Enter multiline text inside the TextArea

Expected behavior
A vertical scroller should appear when we add multiline content inside the TextArea

Completed
Last Updated: 22 Mar 2023 14:02 by ADMIN

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>


Completed
Last Updated: 20 Mar 2023 16:50 by ADMIN
Release R3 2022 - Increment 2 (03.08.2022)
Created by: Shashwat
Comments: 0
Category: DatePicker
Type: Bug Report
1

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:

  1. If you focus the DatePicker and press Enter, the popup of the component opens
  2. If there are two DatePickers inside the HTML form, focusing on the second DatePicker and pressing Enter, opens the popup of the first DatePicker

To Reproduce

Scenario 1:

  1. Open this project
  2. Focus the DatePicker and press Enter

Scenario 2:

  1. Open this project
  2. Focus on the second DatePicker and press Enter

Expected behavior
When pressing Enter inside the HTML form, the form should be submitted and no DatePicker popups should open

1 2 3 4 5 6