Declined
Last Updated: 18 Sep 2024 10:16 by ADMIN
Created by: Laura
Comments: 1
Category: Kendo UI® for Vue
Type: Bug Report
0

Describe the bug

When the Datepicker component is used with a custom calendar (Kendo Calendar component) the calendar does not close on click outside of the component

To Reproduce

1. Open this StackBlitz example - https://codesandbox.io/p/sandbox/festive-tesla-hm596x 
2. Click on the Datepicker input to open the component
3. Click outside the Calendar component

Expected behavior
The DatePicker's calendar popup should close when the user clicks outside the component

Unplanned
Last Updated: 14 Aug 2024 13:02 by ADMIN
Scheduled for 2024 Q4 (Nov)

Describe the bug
When we have a Chart Tooltip in the Native Vue Chart and this Tooltip appears over the Chart itself, if we hover the Tooltip it starts to flicker.

To Reproduce

  1. Open this StackBlitz example
  2. Hover random series to display the ToolTip
  3. Move the mouse cursor over the ToolTip

Expected behavior
The Tooltip of the Native Chart should not flicker when moving the mouse cursor over it.

  • Possible workaround is to use the following CSS definition:
.k-animation-container.k-chart-tooltip-wrapper {
  pointer-events: none;
}
Unplanned
Last Updated: 14 Aug 2024 12:57 by ADMIN
Scheduled for 2024 Q4 (Nov)

Describe the bug
If you try to group the data in a Grid by a column that has a value of "null", the browser hangs, and an error appears in the console.

To Reproduce

  1. Open this StackBlitz example
  2. Group the Grid by "Unit Price" field

Expected behavior
The data should be grouped according to the values inside the UnitPrice column. A column with an empty header should appear for the group with a "null" value.

Screenshots
image

Workaround

Convert the "null" values to empty string with a code like this:
this.products.forEach((o) => { o.UnitPrice = o.UnitPrice === null ? '' : o.UnitPrice; });
Here is a modified example in which the above code is added to the getData method.

Planned
Last Updated: 03 Jun 2024 14:02 by ADMIN

The problem occurs only on a component DropdownTree in which the filtering fonctionality is enable.

I have this problem when testing on Chrome and Firefox.

Unplanned
Last Updated: 30 May 2024 15:48 by Henrik

Describe the bug
The selectionChange & headerselectionchange events of the Native Grid component are unexpectedly triggered when filtering data in the component.

  • The issue is not replicable on Chrome and Safari.

  • A possible workaround for the bug is demonstrated in this StackBlitz example

To Reproduce

  1. Open this StackBlitz project in Firefox
  2. Enter random text in the filter input of some of the fields
  3. See the following two errors in the console:

image
and
image

Expected behavior
No JS errors should appear when filtering the Grid component, no matter the browser that is used.

Unplanned
Last Updated: 28 May 2024 15:24 by Leigh

Describe the bug
The MultiSelect component throws a console error when a text value is entered in its input and the component is used as a part of the Native Form.

The issue is replicable only when a text is entered in the component's input. Everything works as expected if a value is selected from the MultiSelect's popup list.

To Reproduce

  1. Open this StackBlitz example
  2. Enter random text in the MultiSelect's input
  3. Open the browser's console and see the following error
image

Expected behavior
No errors should appear in the browser's console when using the MultiSelect component as a part of the Form component, no matter the specific configuration of the MultiSelect.

Unplanned
Last Updated: 28 May 2024 08:10 by ADMIN

Describe the bug
The Tooltip is not correctly positioned in scenarios where a longer text needs to be displayed. This incorrect positioning leads to the inability to automatically close the Tooltip when the mouse is hovered out of the component.

To Reproduce

  1. Open this CodeSandbox example.
  2. Hover the yellow dot on the right

Expected behavior
The Tooltip should appear correctly positioned above the yellow point as it is in the scenario when you hover the left point in the above example

Screenshots
image

Unplanned
Last Updated: 28 May 2024 08:07 by ADMIN

Describe the bug

The events displayed inside a Timeline view are not fully expanded to the time boundaries of the slots available in the view. Events that are 30 minutes long are displayed like something around 20 minutes in length.

To Reproduce

  1. Open this StackBlitz example
  2. Check the way the 'Website upload' event is displayed

Expected behavior
The 'Website upload' event should be displayed inside two 15 minute slots

Screenshots
image

Unplanned
Last Updated: 09 May 2024 20:51 by ADMIN

Describe the bug
The displaying of consecutive events in different timezones is inconsistent when we have a yearly recurrence.

To Reproduce

  1. Open this StackBlitz example
  2. Set your timezone to Mexico City
  3. Refresh the page and go the Sun, 6/18 - Sat, 6/24 week view
  4. See the Program 7 and Program 8 events in the Sat, 6/24 column
  5. Set your timezone to Mainland China
  6. Refresh the page and go the Sun, 6/18 - Sat, 6/24 week view
  7. See only the Program 7 event in the Sat, 6/24 column. The Program 8 event is visible in the Sun, 6/25 column

The above is not replicable if the following configuration is removed:

recurrenceRule: 'FREQ=YEARLY',

Expected behavior
The consecutive events in the Scheduler component should be displayed consecutively in all timezones and no matter the recurrence rule defined for each of the events.

Screenshots
Mexico timezone:
image
China Mainland
image

Completed
Last Updated: 26 Mar 2024 13:33 by ADMIN
Created by: Ha Minh Nguyet
Comments: 1
Category: Kendo UI® for Vue
Type: Bug Report
0

Hello, 
Drag and drop an image inside editor isn't working in Chrome. 
sometimes the images is opened in new tab, sometimes the image path is added. 

However, it works on Firefox.

Unplanned
Last Updated: 21 Mar 2024 07:00 by ADMIN

There is a solution in Angular for clearing a multiselect programmatically at Provide a way to pro...~https://feedback.telerik.com/kendo-angular-ui/1404639-provide-a-way-to-programmatically-clear-selected-values-from-multiselect

Is there an equivalent solution for Vue?

Declined
Last Updated: 20 Mar 2024 12:22 by ADMIN
Hello,
 clear Button isn't shown when attribute showClearButton is 'true'.
<template>
  <div>
    <div class="col-xs-12 col-md-6 example-col">
      <p>Input</p>
      <KInput :style="{ width: '330px' }" :show-clear-button="true"></KInput>
    </div>
  </div>
</template>
<script>
import { Input } from '@progress/kendo-vue-inputs';

export default {
  components: {
    KInput: Input,
  },
};
</script>

Declined
Last Updated: 19 Mar 2024 12:51 by ADMIN

Hi

I have a Grid inside a TabStrip. Resizable is set to true. If I resize the column, the column will change size but at the same time the width of the Grid will also change size proportional to the change in size of the column.

If I move the Grid to be outside of the TabStrip, resizing the column will not alter the width of the Grid. This is the behaviour I was expecting.

Here is some sample code that reproduces the issue.

<TabStrip :selected="0" :tabs="[
	{
		title: 'Paris',
		content: 'Paris',
	}]">
	<template v-slot:Paris>
		<Grid ref="grid" :style="{ 'max-height': '600px' }" :data-items="variations" :resizable="true"
			:reorderable="false" :columns="caseGridColumns" :loader="loader"
			@rowclick="(ev) => { caseStore.setCaseId(ev.dataItem.cases.caseid); getData(); }">
			<GridNoRecords>
				No variations were found
			</GridNoRecords>
		</Grid>
	</template>
</TabStrip>

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
Completed
Last Updated: 05 Mar 2024 06:23 by ADMIN
Release 2024 Q2 (May)
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

Unplanned
Last Updated: 29 Feb 2024 16:56 by ADMIN
Created by: Akshata
Comments: 1
Category: Kendo UI® for Vue
Type: Bug Report
0

Description: 
MultiSelect does not scroll to the focused item. The problem seems to occur when the text of options extends over multiple lines.  
The option "Congo, the Democratic Republic of the" extends over multiple lines in our example.

 

Here is a "https://stackblitz.com/edit/u4crwa-phh6zx" example. Search for "United" or any country that starts with the letter "H" or after.

Completed
Last Updated: 28 Feb 2024 16:31 by ADMIN
Created by: Akshata
Comments: 1
Category: MultiSelect
Type: Bug Report
2
Hi Team,

KendoNative Multiselect which is configured to work with primitive values has issue with filtering

PFB link below for the demo

https://stackblitz.com/edit/habvwq-e4ahdk
Unplanned
Last Updated: 26 Feb 2024 17:25 by ADMIN
Created by: Akshata
Comments: 3
Category: Kendo UI® for Vue
Type: Bug Report
2

Hello Team,

Icon for MS Word is missing the logo which is impacting UX for our application. Appreciate if this is resolved on priority

Reference in the Image: Docx 1. docx

Completed
Last Updated: 23 Feb 2024 13:10 by ADMIN
Created by: Akshata
Comments: 1
Category: Kendo UI® for Vue
Type: Bug Report
2

Hello Team

Selection/Highlight of the Main Menu is incorrect, when the child item of different submenu is chosen. This is UI/UX glitch and would helpful if resolved

Code Snippet : https://stackblitz.com/edit/nrqsrn?file=src%2Fmain.js

Unplanned
Last Updated: 22 Feb 2024 08:37 by ADMIN
Scheduled for 2024 Q2 (May)
Created by: Ryan
Comments: 0
Category: Stepper
Type: Bug Report
0

Describe the bug

The following Stepper StepProps should not be required ones:

  • successIcon: String;
  • successSvgIcon: Object;
  • errorIcon: String;
  • errorSvgIcon: Object;

The current implementation of the Stepper's Steps requires the definition of the above properties which results to an error in a Typescript context.

Expected behavior
The listed properties should be made optional.

1 2 3 4 5 6