Describe the bug
When we have a NumericTextbox with formatting set to "p1", "p3"..."pX"(percentage with X decimal numbers) the component is not working correctly when we try to manually enter a value in it.
To Reproduce
Expected behavior
The user should be able to manually enter a value by pressing "5" + "." + "7" + "5"
Describe the bug
In scenarios when we dynamically add data to the beginning of the Grid, the component re-renders elements whose re-rendering can be skipped.
To Reproduce
Expected behavior
The onUpdated method should not be called when adding a new row to the beginning of the Grid. Instead, if you open the browser's console, the result is that "updating..." is logged three times.
Describe the bug
Then using the Native Tooltip with Icon tag or SVG, the component is displayed aside from the hovered element.
To Reproduce
Expected behavior
The Tooltip should appear exactly below the hovered element.
Describe the bug
When we have multiple TimePickers on a page and start expanding their popups, the popups that are already expanded are not automatically closing.
To Reproduce
Expected behavior
The visible popup of a TimepPicker should be automatically closed when we expand the popup of another TimePicker
Currently, the Kendo UI for Vue suite has only a Scheduler Wrapper component.
It would be nice if we can see a native version of the component.
When you select a tab, the tab headers are completly redrawn. This makes it impossible to add CSS transitions and animations to the tabs. I would like to add an transition to `.k-state-active`, so on selection there is a nice transtion.
Instead of redrawing, only the necessary changes should be applied to the items, i.e. changing CSS classes.
It will be beneficial if we have an option to customize the element that appears in the Scheduler when we resize it. Here is a screenshot for more details:
Tooltip stays opened when the mouse is in and our fast and it goes through the tooltip itself. video in ticket - 1563700
https://stackblitz.com/edit/vue-cyjfhr?file=src%2FApp.vue
Bug report:
https://stackblitz.com/edit/bbuqh1?file=src/main.vue
Steps:
Focus the input, type some text and blur -
Current:
an warning is observed in the console and the types string is passed to the change event.
Expected:
an warning is observed in the console and the types string SHOULD NOT BE passed to the change event.
Describe the bug
The "ghost" element that appears when we try to resize an event in the Scheduler is missing in the Timeline and Month views. The result is that the users don't have a visual representation of what is the new size of the event they are modifying. The resizing itself is working correctly. The issue is only with the visual representation.
To Reproduce
Expected behavior
An element that shows the possible new size of the event should appear like it is in the Day view, for example.
Describe the bug
In scenarios when we have a color applied to a Scheduler resource, the pre-defined color is not visualized as a background if we use the group prop. This happens when the resource is not available in the array passed to the group property. If the resource that holds a color is available in the group array, the colors are correctly displayed.
To Reproduce
Expected behavior
The events assigned to Room 1 should be with blue background and the events assigned to Room 2 should be with red/pink background. This should be valid for all scenarios in the Scheduler - with and without grouping.
When working with the Native ContextMenu there is no event that can identify when we've left the submenus of the main popup of the component.
If a mouseleave or similar event is added to the submenus of the ContextMenu, it will be useful to handle the user's interaction with the component.
Describe the bug
If we try to manually enter a value in the 'Start' input of the DateRangePicker, the entered value is applied to its 'End' input.
To Reproduce
Expected behavior
The value of the "Start" input should be updated to 9/8/2018. Instead, the value of the "End" input is being changed to "9/8/2018" and the "Start" day continues to be "9/5/2018".
Describe the bug
The Bar Chart component renders only one column no matter the number of series passed to it. The Bar Chart renders only the first seriesitem passed to it
To Reproduce
Expected behavior
There should be two columns rendered for each category as in this StackBlitz example.
Hello there,
I am looking for a loading spinner solution to use with Vue Native Grid. I could not find something on the docs.
Is there any way I can show some kind of loading indicator while loading the data?
I am not using data source from Kendo, just basic method to populate `:data-items="items"`
Thank you!
Currently, the Kendo UI for Vue Native DropDownList doesn't have the valuePrimitive property which is available in the:
Providing such property for the Native Vue DropDownList will be useful in different use-case scenarios.
In the DropDowns DataItems components we may want to render the id-s of the items and take it directly from the items.
<div id="app">
<kendo-dropdown
:data-items="employees" :data-item-key="'id'" :text-field="'text'">
</kendo-dropdown>
</div>
<script>
const app = Vue.createApp({
components: {
'kendo-dropdown': window.KendoVueDropdowns.DropDownList
},
data() {
return {
employees: [
{ id: 182, text: "John" },
{ id: 273, text: "James" },
{ id: 325, text: "Jane" }
]
}
}
});
app.mount('#app');
</script>
We have a window hidden with v show and a DatePicker in it.
When we open the DatePicker and try to hide the Window the popup of the DatePicker stays opened
example and steps in ticket - 1562574
workaround - delay the hiding of the Window with 200 ms to ahve a default hiding of the popup executed:
const toggleDialog = (e) => {
e.preventDefault();
setTimeout(() => {
if (visible.value) {
showPopup.value = false;
}
visible.value = !visible.value;
}, 200);
};