I would like to suggest adding a seamless typing feature in the Kendo Vue DateInput component, enabling automatic navigation between each section (day, month, year, hour, minute) without requiring separators or manual navigation.
When typing a date and/or time, such as 20/04/1997 14:35, the cursor should automatically move to the next segment when the expected number of digits is reached:
👉 User flow example:
20 -> (day filled, move to month) 04 -> (month filled, move to year) 1997 -> (year filled, move to hour)
14 -> (hour filled, move to minute) 35 -> (minute filled)
/
, :
, etc.) explicitly.
<input type="time">in many browsers.After discussing this with your team, I understand that this behavior is not currently planned and custom implementations are challenging to achieve.
Still, exposing this behavior as an optional prop would allow those who need this fluid UX to benefit from it, without affecting existing users.
Thank you very much for considering this suggestion!
When enabling the columnMenu of a Grid, it should be hidden by default on all expand type columns (when using grouping or detail row). It makes no sense for it to appear in the headers for these columns as the sorting and filtering functions do nothing.
I'm aware the columnMenu can be enabled on individual columns, rather than the entire Grid, but the menu should not appear for columns where it has no purpose.
I know this exists: https://www.telerik.com/kendo-vue-ui/components/knowledge-base/scheduler-highlight-today-date-in-all-views
This breaks my scheduler unfortunately. I don't really have time to create a stackblitz and follow it further.
I think the slot with the current Date should have the class k-today out of the box.
Hi Team,
In Grid, Using optical mouse When Moving left to right or vice versa I should be able to move the grid as happening for top to bottom. In the attached video I have first used optical mouse and then Next I have used from laptop(Not optical mouse).
NOTE: When Mouse click and drag I must be able to drag from left to right or vice versa.
Kindly look at the behavior and let me know the solution for this issue.
Describe the bug
DropdownTree component throws an error when user opens dropdown menu when they selected an item already, if valueRender prop is configured.
To Reproduce
Steps to reproduce the behavior:
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
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.
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
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.
Hello,
When working in Spanish or French, even if internationalization is properly configured, it is not possible to translate the items in the FormatBlock, so it is only possible to see them in English.
We tried to do it ourselves (https://www.telerik.com/forums/paragraph-and-heading-not-translated) but we found some issues, so please, consider including these few items in the default translations.
Thanks
Lucía
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.