Bug report

When using a draghandle to drag a same level item below another item, it will not drop in the correct place.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. Try to drag Brian under Lillian as soon as the indicator says it's okay.

Current behavior

The item will revert back to the original position.

Expected/desired behavior

The item should be place in the expected dropped location.

Environment

• Kendo UI version: 2024.4.1112
• jQuery version: All Supported Versions
• Browser: all

Bug report

With later jQuery versions, if the TreeList's toolbar is configured, and the scrollable option is set to false, the dragging indicator is misplaced. The issue does not reproduce with jQuery 1.12.3.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/hPQIFuFo/6
2. Drag a row, and observe where the dragging indicator is.

Current behavior

The dragging indicator is misplaced

Expected/desired behavior

The dragging indicator should be positioned correctly to show where the row will be dropped

Environment

jQuery: 3.7.0
Kendo UI version: 2024.3.1015
Browser: [all ]

Hi Team, 

I would like to request the functionality to filter by parent items, and display all associated children. 

Thank you!

Bug report

When the style attribute is used to style the 'td' elements in the TreeList, the attribute is removed from the rendered markup.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliK/ulIZuKEG and inspect the

Current behavior

The style attribute is removed.

Expected/desired behavior

The style attribute should persist in the rowTemplate.

Environment

• Kendo UI version: 2024.3.806
• Browser: [all ]

Hi Team,

I would like to request when paging in the TreeList to include the prior parent node in the new page.  For example, if there is a parent node that has 30 child nodes, and the pageSize is 15, show the parent node on page 1 and 2.  

Thanks!

Bug report

In the TreeList, the row colors are not consistent with other technology divisions, e.g. Angular. With the Classic Silver theme, the rows are not consistent regarding the alternating background colour approach. Additionally, in the Default theme, the rows are not as differentiated as they should be by design.

Note: the issue appears to be related to the k-treelist-group class on the elements in the TreeList.

Workaround: https://dojo.telerik.com/ORIjOcAB/3

Reproduction of the problem

1. Open the TreeList Overview demo with Classic Silver theme.

Current behavior

The rows' background color are not consistent in regard to alternative background colors.

Expected/desired behavior

The rows' background colors should be consistent with the design.

Environment

• Kendo UI version: 2024.1.130
• Browser: [all ]

Bug report

When there is a frozen column in the TreeList, not all the columns are resized correctly on double-clicking on the resize handler.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliK/Aticudup
2. Double-click between the LastName and Position columns -> the LastName column is resized based on the content.
3. Double-click between the Position and Ext columns

Current behavior

The Position column is not resized and a scrollbar may appear depending on the width of the screen

Expected/desired behavior

The behavior when clicking on the drag handler should be the same for all the columns. In the described scenario the Posiiton column should be resized as well.

Environment

• Kendo UI version: 2024.1.130
• Browser: [all ]

Bug report

Regression with 2023.2.718

Sortable TreeList with locked columns with non-sortable column shows the sort title on mouseover.

Also, if using headerTemplate we will see the template on mouse over

Reproduction of the problem
Dojo: https://dojo.telerik.com/AWeLACac

Hover the first column title

Expected/desired behavior
The correct title must be displayed

Environment
Kendo UI version: [2021.2.511 or newer]
Browser: [all]

Based on the MVVM demo: https://demos.telerik.com/kendo-ui/treelist/mvvm

DoJo: https://dojo.telerik.com/aYocadiS

Description: MVVM TreeList with column template, inside the template is a MVVM button.

Steps to reproduce:

- open the DoJo

- Button is rendered correctly

- expand a row

- Buttons are now messed up and don't work anymore

Bug report

If the TreeList's reorderable option is enabled, the filter input is not focusable.

Regression introduced with 2023.2.606

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/iDogeqoh
2. Try to focus the filter inputs

Current behavior

The filter input is not focusable.

Expected/desired behavior

The filter input should be focusable.

Environment

• Kendo UI version: 2023.3.1010
• Browser: [all]

Bug report

Icons are missing on TreeList export buttons since R2 2023 version

Reproduction of the problem

Dojo: https://dojo.telerik.com/uSiDIxiR

Expected/desired behavior
Icons shall be present

Environment
Kendo UI version: 2023.2.606 or newer
Browser: [all ]

Bug report

Cannot expand and collapse TreeList items properly in mobile and responsive dimensions.

Regression introduced with 2023.1.314

Reproduction of the problem

1. Open the following Dojo example - https://dojo.telerik.com/@Zornitsa/iSatOFon
2. Use the DevTools of the browser to simulate a mobile device or open the Dojo on a mobile device.
3. Try to expand or collapse any item.

Current behavior

The items of the TreeList cannot be toggled properly.

Expected/desired behavior

Should be able to toggle the items of the TreeList properly in all dimensions.

Environment

• Kendo UI version: 2023.2.829
• Browser: [all]

Bug report

TreeList items cannot be expanded or collapsed when a row template is set.

Reproduction of the problem

1. Open the following Dojo - https://dojo.telerik.com/aDilOsAC
2. Try to collapse the parent items.

Current behavior

The parent items cannot be collapsed or expanded.

Expected/desired behavior

Should be able to collapse and expand the parent items.

Workaround

Add the 'ref-treelist-expand-collapse-icon' attribute to the expand/collapse caret icons programatically in the expand, collapse, and dataBound events:

• https://dojo.telerik.com/IQABINAw

Environment

• Kendo UI version: 2023.2.829
• Browser: [all]

Bug report

When an item is expanded and the refresh icon is displayed due to an issue with the sent request (for example а failed request), the icon gets replaced by a loading indicator once another item is expanded.

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/ebehaBAL
2. Expand the 'First Expand' item.
3. Expand the 'Last Expand' item.

Current behavior

After expanding the second item, the refresh icon from the first item disappears and a loading indicator replaces it.

Expected/desired behavior

The refresh icon should still be displayed and should not be replaced by a loading indicator.

Environment

• Kendo UI version: 2023.2.718
• Browser: [all]

I needed the hierarchal datasource so I used a treelist instead of a grid. I am using a lot of special features; locked columns, columnMenu. But I found that the treelist does not support all the same things the grid does.

Here are a few I found:

•   columnMenu: false does not work
•   grid resizeColumn() method does not exist on treelist
  

 

Bug report

Custom dropdownlist editor in Treelist collapses the component since 2023.1.314

Reproduction of the problem

Dojo: https://dojo.telerik.com/uSufOfOt

Click on the Edit button in the top parent row

Open the DropDownList editor in Last Name column

Expected/desired behavior
TreeList shall not collapse 

Environment
Kendo UI version: 2023.1.314 or newer
Browser: [all]

In a out of the box popup edit, the update/cancel buttons are to the left, should be to the right for consistency with grid. Add class k-actions-end to the div with k-edit-buttons as done in grid.

I am using bootstrap-v4 css file.

Hi,

Using Fluor´s commercial purchase, we were able to get latest kendoui.for.jquery.2022.3.913.commercial, previously we were using v2019.1.220

 

After migration, I see that when using a kendoTreeList, that has a column template, it does not properly render the template content.

 

 

Template to render:

<script id="actions-template" type="text/x-kendo-template">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-#: id #" style="display: none;">

        <i class="fas fa-calendar-alt" /></a>

    </div>

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-#: id #" style="display: none;">

        <i class="fas fa-pencil-alt" /></a>

    </div>

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-#: id #" style="display: none;">

        <i class="fas fa-trash-alt" /></a>

    </div>

</script>

 

Rendered template (good one) with previous version v2019.1.220

 

<td role="gridcell" style="white-space: nowrap;">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" ><i class="fas fa-calendar-alt"></i></a>

    </div>

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" ><i class="fas fa-pencil-alt"></i></a>

    </div>

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" ><i class="fas fa-trash-alt"></i></a>

    </div>

</td>

 

Rendered template (buggy one) after upgrading to version 2022.3.913

 

<td role="gridcell" aria-describedby="d51133dd-fb81-4e68-9d56-4d61aab7f81a" class="" style="white-space: nowrap;">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" >

        <i class="fas fa-calendar-alt"></i></a><i class="fas fa-calendar-alt">

    </i></div><i class="fas fa-calendar-alt">

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" >

        <i class="fas fa-pencil-alt"></i></a><i class="fas fa-pencil-alt">

    </i></div><i class="fas fa-pencil-alt">

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" >

        <i class="fas fa-trash-alt"></i></a><i class="fas fa-trash-alt">

    </i></div><i class="fas fa-trash-alt">

</i></i></i></td>

 

As we can see in the original template there are icons wrapped in anchors, previous version rendered the template ok, but new version scrambles this tags…

I have also been playing in the Dojo and this seems to be the case.

 

Regards….

Hello,

We found a bug in the latest version of Kendo related to the reordering columns in Treelist when inside a Grid DetailTemplate

See the Dojo below to replicate the problem:

https://dojo.telerik.com/exotEsej

Expand the detail row under a grid row and attempt to drag one of the treelist column titles to the left or right and note that an error is thrown.

Uncaught TypeError: Cannot read properties of undefined (reading 'lockable')

Let us know when you have a workaround for this as it prevents us from promoting this version of Kendo to our production environment.

Thank you,

Brad Garner

Kendo UI Treelist currently only supports pagination using pager. This is confusing for user when the hierarchy is spread across multiple pages. On the other hand if Treelist supports Virtual Scrolling (client side paging) like we see in Grid, the user will get more clarity of the hierarchical structure.