Planned
Last Updated: 25 Sep 2023 00:50 by Eunbyul
Created by: Eunbyul
Comments: 9
Category: Kendo UI® for Vue
Type: Bug Report
0

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

     

    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?

    Planned
    Last Updated: 23 Aug 2023 15:57 by ADMIN
    Scheduled for [R3 2023] PI 2
    Created by: Charles
    Comments: 0
    Category: Kendo UI® for Vue
    Type: Bug Report
    1

    The following packages should be added as peer dependencies to the @progress/kendo-vue-data-tools package:

    • "@progress/kendo-svg-icons"
    • "@progress/kendo-vue-popup"
    • "@progress/kendo-vue-animation"
    Planned
    Last Updated: 23 Aug 2023 15:52 by ADMIN
    Scheduled for [R3 2023] PI 2
    Created by: Charles
    Comments: 0
    Category: Kendo UI® for Vue
    Type: Bug Report
    1

    Describe the bug
    The @progress/kendo-licensing is missing as peer to data-tools package

    Completed
    Last Updated: 12 Jul 2023 07:54 by ADMIN
    Created by: Eunbyul
    Comments: 3
    Category: Kendo UI® for Vue
    Type: Bug Report
    0

    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

    Completed
    Last Updated: 20 Jun 2023 13:50 by ADMIN
    Created by: Amy
    Comments: 3
    Category: Kendo UI® for Vue
    Type: Bug Report
    0

    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">

    Completed
    Last Updated: 12 Jun 2023 06:37 by ADMIN
    Created by: jake
    Comments: 0
    Category: Kendo UI® for Vue
    Type: Bug Report
    0

    New Native Vue DropDownTree Component

    Completed
    Last Updated: 18 Apr 2023 05:25 by ADMIN

    Describe the bug
    When using a slot to define the columns in the Wrapper Grid, the result in Vue 2 and Vue 3 is different.

    • In Vue 2, if we pass 2 columns to the slot, only these two columns are rendered in the component.
    • In Vue 3, no matter how many columns we pass to the slot, the component renders all columns, based on the data in the datasource

    To Reproduce
    Check the two examples below:

    The two examples use the same implementation but the number of columns rendered in each Grid is different

    Expected behavior
    The two examples should work the same way as in the Vue 2 application.

    Screenshots
    Vue 2:
    image
    Vue 3:
    image

    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

    Completed
    Last Updated: 28 Mar 2023 16:08 by ADMIN
    Release R2 2023 - Increment 2 (12.04.2023)
    Created by: Ako
    Comments: 5
    Category: Kendo UI® for Vue
    Type: Bug Report
    0

    Kendo Splitter component `change` event is triggered from child components e.g. Input/Grid. I have multiple splitters defined, but only parent splitter has `onChange` event listener defined. When changing the text from child containing Kendo Input component which has no change event defined (doesn't really matter if it is), the event is propagated to Splitters `onChange` event and crashes Splitter pane handling. Added `onChange` listener to other Splitters as-well, they all are triggered. Clicking on Grid component checkboxes (is child to Splitter) to select the row will also trigger Splitters `onChange` event. Current workaround is to defined Splitters `@change` event as `@change.self` then the children's `change` events wont trigger it.

    Completed
    Last Updated: 25 Jan 2023 15:36 by ADMIN
    Release R2 2023 - Increment 1 (01.03.2023)
    Created by: n/a
    Comments: 0
    Category: Kendo UI® for Vue
    Type: Bug Report
    0

    Describe the bug
    There is an incorrect export inside the @progress/kendo-vue-inputs package on line 39 in the @progress/kendo-vue-inputs/dist/esm/main.js file

    image
    This import fails because this file does not exist. When we change the above line to:
    export * from './signature/interfaces/index.js'; everything works as expected.

    A similar issue is found in the following file: @progress/kendo-vue-inputs/dist/esm/signature/Signature.js on line 145
    image
    The above should be changed to:
    import { hasParent } from './utils/index.js';

    Expected behavior
    The described above exports should point to existing files

    Duplicated
    Last Updated: 18 Jan 2023 13:12 by ADMIN
    Created by: Sanatan
    Comments: 0
    Category: Kendo UI® for Vue
    Type: Bug Report
    0

    @open and @close events are not triggered by integration testing tool, even when programmatically calling the event.

    We are using cypress 11.1.0

    cypress-real-events: 1.7.4 was also used to try of trigger the events but didn't work.

    The way we tried this was:

    cy.get(element).trigger(‘mouseover’)
    cy.get(element).realHover()
    cy.get(element).trigger(‘mouseover’)
    cy.get(element).trigger(‘mouseenter’)
    cy.get(element).then(el => {
        el.dispatchEvent(new MouseEvent(‘mouseenter’, { bubbles:true })
    }
    But the events are just not triggered, so we cannot properly test our implementation.
    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

    Won't Fix
    Last Updated: 08 Sep 2022 15:34 by ADMIN
    Created by: Chad
    Comments: 1
    Category: Kendo UI® for Vue
    Type: Bug Report
    0

    Vue Version: 3.2.37

    @progress/kendo-vue-layout version: 3.5.1

    When using TabStrip in Vue 3 with the Composition API and `<script setup>`, there cannot be anything inside of the TabStrip other than visible markup. If there is an HTMLnode that's a comment, or is hidden using a `v-if,`, then that part of the page will not render and throw an error.

    <TabStrip v-if="ctrOrSar !== 'Loading...'" :selected="selected" @select="onSelect">
        <TabStripTab title="Tab">
           Not a problem

        </TabStripTab>

     

        <TabStripTab v-if="false">
          big problem

        </TabStripTab>

    <!-- <TabStripTab v-if="false" >
           Also a problem
        </TabStripTab> -->
    </TabStrip>

    This is the error received:
    "`Uncaught (in promise) TypeError: children.forEach is not a function`" quoting a utils.js file line 4.

    If my TabStripTabs have a v-if on them to not show if data isn't available for them, then the whole section of the page isn't useable.

    Completed
    Last Updated: 17 Aug 2022 12:56 by ADMIN
    Created by: Chen Yap
    Comments: 1
    Category: Kendo UI® for Vue
    Type: Bug Report
    0

    hhttps://stackblitz.com/edit/kgeavu?file=src/main.vue

    the console.log is observed even when selecting other tabs.

    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

    Completed
    Last Updated: 23 May 2022 14:39 by ADMIN
    Release R3 I1 June 2022

    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.

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

    1 2 3