Unplanned
Last Updated: 21 Mar 2024 07:00 by ADMIN

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?

Unplanned
Last Updated: 29 Feb 2024 16:56 by ADMIN
Created by: Akshata
Comments: 1
Category: Kendo UI® for Vue
Type: Bug Report
0

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.

Unplanned
Last Updated: 26 Feb 2024 17:25 by ADMIN
Created by: Akshata
Comments: 3
Category: Kendo UI® for Vue
Type: Bug Report
2

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

Unplanned
Last Updated: 13 Sep 2023 12:42 by ADMIN

Hello,

I noticed a bug with the Tooltip component, it can be reproduced here: https://www.telerik.com/kendo-vue-ui/components/tooltip/positioning/

  1. Hover where it says HOVER ME until the tooltip shows up
  2. Move the mouse up very quickly. When the mouseout event is over the tooltip, the tooltip does not close -> NOK, the tooltip is open, but the mouse is no longer over the element

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?

Unplanned
Last Updated: 05 Apr 2023 14:19 by Eliot
Created by: Eliot
Comments: 0
Category: Kendo UI® for Vue
Type: Bug Report
0

Describe the bug
Importing Kendo UI components results in our WebPack build producing the incorrect "dist" output.
Sometimes Webpack build adds additionalType.d.ts files and their directories to the dist folder
More information can be found in ticket:1602899

Unplanned
Last Updated: 01 Dec 2022 15:59 by Yi

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

Unplanned
Last Updated: 03 Nov 2022 07:02 by ADMIN
Scheduled for R1 2023 - Increment 2 (07.12.2022)
Created by: n/a
Comments: 0
Category: Kendo UI® for Vue
Type: Bug Report
0

Describe the bug
The rowReorder event is missing in the Wrapper Grid component, while it is available in the Kendo UI for jQuery Grid. Currently, the only way the event can be used is by using a code like the below in the mounted hook of the Vue app:

    var grid = this.$refs.grid.kendoWidget();
    grid.bind('rowReorder', function (e) {
      console.log('row', e);
    });

Expected behavior
The rowReorder event should be available for usage as the other events of the Wrapper Grid

Unplanned
Last Updated: 03 Aug 2022 09:07 by Marcus
Created by: Marcus
Comments: 0
Category: Kendo UI® for Vue
Type: Bug Report
2

Describe the bug
By default, the Dialog component is a modal window. This means that once the Dialog appears, the page elements are the only ones the users can interact with.

Currently, if you use the keyboard navigation functionality of the Dialog, after pressing the Tab key multiple time, the focus will be on the "Open dialog" button below the modal. This should not happen.

To Reproduce

  1. Open this StackBlitz example
  2. Click on the "Open in new window" button to open the example in a separate window/tab
  3. In the new window, click on the "Open dialog" button
  4. Once the Dialog is opened, press the Tab button 8 times and press Enter
  5. The Dialog will be closed because, after the 8th Enter press, the focus will be again on the "Open dialog" button below the modal area.

Expected behavior
When using the keyboard navigation of the Dialog component, the focus shouldn't be transferred to the elements below the modal area. It should be kept among the elements that are displayed in the Dialog.

Unplanned
Last Updated: 15 Jun 2022 09:40 by Wesley

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

  1. Open this StackBlitz example.
  2. Select "Fish"
  3. Select "Pizza"
  4. Repeat steps 2 and 3 multiple times
  5. See the white space in the popup

Expected behavior
No white space should appear in the popup of the DropDownList component.

Screenshots
image

Unplanned
Last Updated: 25 Apr 2022 06:31 by Bruce

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);
};

Unplanned
Last Updated: 09 Mar 2022 08:24 by ADMIN
Created by: sitefinitysteve
Comments: 2
Category: Kendo UI® for Vue
Type: Bug Report
0

Describe the bug
When binding the Scheduler Wrapper component to a remote datasource, there are two requests sent to the remote service.

To Reproduce

  1. Open this StackBlitz example and run it.
  2. Open the Network tab of your browser and see the requests

Expected behavior
Only one request should be sent to the remote service

Screenshots
image

Unplanned
Last Updated: 18 Jan 2022 09:09 by ADMIN

When using the Drawer component in Kendo UI for Vue, it expands from the wrong side the first time is it toggled if expanded: false and overlay:true

This can be reproduced on the Display Modes example by clicking Edit in StackBlitz, changing the initial value of expanded from true to false (line 92), and toggling the drawer in overlay mode.

After it has been toggled once, it then expands in the correct direction.

It does work correctly if I use "rtl" direction instead of "ltr".

Unplanned
Last Updated: 25 Nov 2021 11:16 by ADMIN

Describe the bug
When defining a custom editor Template for the Scheduler(wrapper) component we define the value passed to the editable-template property as follows:

editorTemplate(data: any): any {
  return {
    template: EditEventTemplateComponent,
    templateArgs: Object.assign({}, data, {
      parentComponent: schedulerRef.value,
    }),
  };
}

With the above definition, in the EditEventTemplateComponent, the templateArgs cannot be accessed inside the setup function, when the Composition API is used. In the mean time, the templateArgs are accessible in the template of the EditEventTemplateComponent.

To Reproduce

  1. Open this project: sample-scheduler-composition-api.zip
    and install its NPM packaged(npm install)
  2. Start the project(npm run serve)
  3. Double click on one of the events available inside the Scheduler.
  4. Check the console of your browser
    -->

Expected behavior
The templateArgs should be accessible inside the setup function when using Composition API.

  • Possible workaround: Use the classic Options API instead. When we use the Options API, the templateArgs are accessible inside the mounted hook.
Unplanned
Last Updated: 24 Sep 2020 08:01 by ADMIN

I am using Kendo Vue Wrapper Grid that is editable. I am using the propery 

:editable-create-at="bottom"

but the new rows are always added at the top.

There is another open issue related to this.

https://github.com/telerik/kendo-ui-core/issues/5198

 

Please provide a fix.