About the line chart component If you use the "baseUnit:fix" property, there may be a difference between the data displayed in the marker tooltip and the actual data.
The data that reproduces the behavior is shown below.
https://stackblitz.com/edit/4d7wyn-buonwc?file=src%2Fmain.vue
The first value of the array data is shown below, but it may not match what is displayed on the graph or may not match other data such as the end.
I would like a fix or a feature that matches the data in the points plotted in the three vertical columns of the graph with the data in each array.
max_cell_volt: 4226
min_cell_volt: 3244
cell_volt_diffrence: 982
Hi Telerik Support,
how can I use Kendo vue MultiSelect with comma as selection instead of enter. if I press comma, it will select / enter the custom value. My case is I want to use it as email selection. on many email clients, it can use comma as email selection from the list or separation between values. How can I do this on MultiSelect vue ?
Thank you.
Greetings,
I hope this message finds you well.
I would like to request a new feature for the Kendo Vue Dropdown List component: the ability to disable selected items directly within the dropdown list configuration. This functionality is already available for Kendo React users, as outlined in your documentation:
Disabled Items in Kendo React DropdownList.
Consistency Across Frameworks
Many users work across multiple frameworks, including React and Vue. Consistency in feature availability ensures a seamless transition and experience for developers leveraging Kendo UI in different projects.
Improved User Experience
Disabling items within the dropdown is a common requirement in dynamic forms and data-driven applications. For example, when users are selecting items from a list, disabling already-selected options prevents confusion and enhances usability by guiding them effectively.
Reduced Development Overhead
While developers can currently implement this feature manually in Vue, a built-in option would significantly reduce the amount of custom code required. This aligns with the Kendo philosophy of providing robust, ready-to-use components that save time and effort.
Enhanced Accessibility
A built-in disabled item option ensures proper handling of accessibility concerns, such as ARIA attributes, keyboard navigation, and screen reader compatibility. This would help developers create inclusive and accessible applications without requiring additional customizations.
Competitive Edge
Offering this functionality natively in Kendo Vue would strengthen the feature parity between your React and Vue libraries, making Kendo UI even more appealing to developers evaluating dropdown components across frameworks.
Introduce a configuration option, similar to the one in Kendo React, that allows users to disable specific items in the Vue Dropdown List component. This feature could be implemented by providing a function or property to dynamically determine which items should be disabled based on their state or other criteria.
The change event of the DropDownList is emitted when navigating between DropDownList options using the keyboard.
The DropDownList should have a select event like it is in other Kendo UI suites and this select event should be emitted when using the keyboard with an expanded popup. Once a value is selected with, for example, click or 'Enter' press, then the change event should be triggered.
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
Expected behavior
The Tooltip of the Native Chart should not flicker when moving the mouse cursor over it.
.k-animation-container.k-chart-tooltip-wrapper {
pointer-events: none;
}
Add HTMLElement autofocus property support for input components like Input, Textbox etc... See https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/autofocus
Currently, unable to apply autofocus as an attribute to Input (separately or as part of a Form).
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
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
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.
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.
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.
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
Expected behavior
No JS errors should appear when filtering the Grid component, no matter the browser that is used.