Describe the bug
A licensing warning may continue to appear in the browser's console, no matter whether the licensing activation has been successful or not.
The issue is replicable when the user trying to activate a license has had an active license in the past and this license is already expired.
To Reproduce
Because of the specifics of the issue, a project in which the bug can be replicated won't be publicly provided.
Expected behavior
The license activation process should activate one's license no matter the previous licensing history of the user
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
When working with the Wrapper DropDownList, if the component uses the v-model directive, there are some white spaces appearing in the popup of the component.
If the component doesn't use the v-model, the described behavior is not replicable.
To Reproduce
Expected behavior
No white space should appear in the popup of the DropDownList component.
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
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:
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
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.
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?
<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>
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>
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
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 @progress/kendo-licensing is missing as peer to data-tools package
The following packages should be added as peer dependencies to the @progress/kendo-vue-data-tools package:
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
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?
Hello. I found a Bug on PanelBar Component at Nuxt3 environment, so I wrote a ticket.
When I click <PanelBar/> component's item the following image error occurs. the component does not work properly.
(I wrote a component as it is Kendo UI for Vue Native PanelBar Overview Page)
Please Check this once.
stackblitz (PanelBar Test on Nuxt3 Demo): https://stackblitz.com/edit/nuxt-starter-rsgcyn
ps. I checked out that the bug doesn't occur in the Vue3 environment.
stackblitz (PanelBar Test on Vue3 Demo): https://stackblitz.com/edit/vitejs-vite-afatj1
When providing the input prop ariaLabelledBy, the resulting rendered element has an attribute of arialabelledby instead of aria-labelledby.
That is, this code:
<span id="my-input-label">My Input Label</span>
<Input aria-labelled-by="my-input-label" />
results in this HTML:
<span data-v-0b8cedaa="" id="my-input-label">My Input Label</span>
<span data-v-0b8cedaa="" class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-required">
<input id="58c2f77d-91e5-444a-a948-90f4abb960e5" required="" arialabelledby="subject-label" class="k-input-inner">
</span>
But the input's HTML should instead look like:
<input id="58c2f77d-91e5-444a-a948-90f4abb960e5" required="" aria-labelledby="subject-label" class="k-input-inner">
New Native Vue DropDownTree Component