<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>
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.
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>
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?
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.
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
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
Describe the bug
The DateTimePicker component provides the min and max props that allow you to configure specific days and hours restrictions that limit the selection one can make using the component.
Currently, the min and max limitations are applied only for the days and not for the hours meaning that if we define the following:
min: new Date(2022, 2, 1, 8, 30),
max: new Date(2022, 2, 10, 12, 30),
We will be able to select a date between 1st and 10th of March 2022 but we will also be able to select a time that is outside the defined range - for example, 18:30 on 10 March 2022.
To Reproduce
Expected behavior
Based on the definition in the max prop, the Time view in the component's popup should not display the hours and minutes that are not available for selection
Describe the bug
The current version of the Native Upload doesn't display icons for the Close/Cancel and Retry buttons that are visible in the files' list of the component.
To Reproduce
Expected behavior
The Cancel and Retry buttons should be visible as in this screenshot:
Describe the bug
The indentation functionality of the TreeList is not working
To Reproduce
Expected behavior
The different rows of the TreeList should look like this:
Describe the bug
The valid prop of the Kendo UI for Vue Checkbox doesn't change the styles of the component if its value is set to false
.
To Reproduce
Expected behavior
All Checkboxes should have a red outline + their labels should be in red.
Hello Team.
I appreciate grid's reorderable function work at Nuxt3(@kendo-vue-grid: 3.14.2).
But For some reason, this function doesn't work properly. so I report a bug.
I reproduce a stackblitz code.
https://stackblitz.com/edit/nuxt-starter-gmag5m
I implemented it like this,
After fetching(=GET) column data from the server, reorder the columns using kendo grid's reorderable function and save(=POST) it on the server.
I call columnExecute function, so server refetch(=GET) column data.
at /pages/index.vue, colums ref change rightly.
at /components/grid.vue, columnList ref change rightly.
But rendered kendo grid's column doesn't change.
please check this issue.
Sincerely,
Eunbyul.
Describe the bug
The following warning appears in the browser's console when using the Native Grid in Nuxt context:
To Reproduce
Expected behavior
No warnings or errors should appear in the console
Describe the bug
Resizable and reorderable true does not work in nuxt
https://stackblitz.com/edit/hy923e-fmrqsf?file=package.json
Try to resize or reorder
Describe the bug
When using the ColorPicker component in a scenario where you can edit the RGB values of the component by clicking on a NumericTextBox that controls the R, G, or B color channels or changing the NumericTextBox value results in the following error:
To Reproduce
Expected behavior
No errors should be thrown when using the RGB inputs of the ColorPicker
Describe the bug
using the kendoForm.onChange(target, {value}) method as per documentation causes a typescript error (2554). It expects kendoForm.onChange({target, value}).
To Reproduce
Steps to reproduce the behavior: ticket - 1622838
Hello,
I noticed a bug with the Tooltip component, it can be reproduced here: https://www.telerik.com/kendo-vue-ui/components/tooltip/positioning/
In Tooltip.js there is a function called "handleMouseOut" that has this line:
const element = currentDocument && currentDocument.elementFromPoint(event.clientX, event.clientY);
Followed by:
if (isTooltipElement(element) || this.computedTarget !== event.target) {
return;
}
So when the mouseOut event is over the tooltip element, it is ignored, leaving the tooltip visible.
I was able to fix this by adding the following CSS styling to the tooltip element: `pointer-events: none;`, but now I may have introduced a new issue.
What is the reason for ignoring the mouseout event when it's over the tooltip?
Describe the bug
at Nuxt Environment
- pagable info option doesn't render information about the current page and the total number of records (both of setting true / false, all)
- set pageable info option false, error raise like this.
To Reproduce
- https://stackblitz.com/edit/nuxt-starter-mcocsr
Expected behavior
- render information about the current page and the total number of records
- do not error raise