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

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]

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

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.

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

Setup a Treelist with paging

edit set to popup

get "Maximum call stack size exceeded" error after update

I removed the paging and it works as expected

Bug report

TreeList autoFitColumn doesn't work properly.

Reproduction of the problem

Run the first sample from here:
https://docs.telerik.com/kendo-ui/api/javascript/ui/treelist/methods/autofitcolumn

Alternatively, open this dojo:
https://dojo.telerik.com/uvafiZeh

Current behavior

Expected/desired behavior

TicketID:

1519223

Bug report

TreeList with TextArea editor and locked columns do not align row height between locked and non-locked tables

Reproduction of the problem
1, Open below Dojo
2. Click on a cell within the locked table to edit

https://dojo.telerik.com/UwUmoWOX

Current behavior
Clicked locked row height not aligned with the row height of the non-locked row

Expected/desired behavior
TreeList with TextArea editor and locked columns shall align rows between locked and non-locked tables

Workaround:

$("#treelist").getKendoTreeList()._syncLockedContentHeight();

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

Environment
Kendo UI version: all
jQuery version: x.y
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Hello,

We have a grid of tasks and each row has a detail's pane (hierarchy) that shows, when expanded, a tree list of sub-tasks.

If you attempt to delete a tree list node (not the last) it will delete the node correctly, but will trigger the grid's to prompt the user to make sure the item should be deleted or not (which is NOT normal). But when this is shown, it is already too late to Cancel has the tree list has already deleted the item. Users don't understand why they are given a chance to prevent the deletion, but it does not work.

So in short, we want the tree list, when the users deletes a node, to not trigger (i.e. to prevent) the grid's item deletion.

Here is a dojo that shows what happens:

https://dojo.telerik.com/APaXoRuR

1. Load the Dojo and open the Network tab of the developer toolbar
2. Expand one of grid's detail row
3. Attempt to delete one of the tree list items (except the last item)
4. Note the dialog popup which is not normally shown for a treelist
5. Note the Item is already deleted anyway... before the popup is shown...
6. Click Cancel on the dialog
7. The item disappears even if you did cancel

Please let me know if you need more information,

Regards,

Eric.

Eric Boulé, B.Eng.
Solution Architect
Centre d’Essais Techniques de la Qualité (CETQ) | Quality Engineering Test Establishment (QETE)
Department of National Defence / Government of Canada
Eric.Boule@forces.gc.ca

### Bug report

The change event is not triggered, when a checkbox is selected in the Keno UI TreeList widget.

### Reproduction of the problem

1) Create a checkbox selectable TreeList widget;

2) Select/check any of the checkboxes;

3) The change event is not triggered;

4) Unselect/uncheck any of the checkboxes;

5) The change event is triggered;

A Dojo sample for reproduction: https://dojo.telerik.com/EWUFOhip

### Expected/desired behavior

The change event should be triggered, when a checkbox is selected in a checkbox selectable TreeList widget.

### Environment

* **Kendo UI version:**2021.1.119
* **jQuery version:** 1.12.4
* **Browser:** [all]

### Bug report

When custom classes are set via the headerAttributes of the column and the showColumn is called, the predefined classes are wiped away

### Reproduction of the problem

1. Set custom class via headerAttributes.

2. Call the showColumn method.

3. Custom classes are wiped away.

Dojo sample for reproduction:

https://dojo.telerik.com/UJalevej

### Expected/desired behavior

The classes should be retained after the method is called.

### Environment

* **Kendo UI version:** 2021.1.119
* **jQuery version:** 1.12.4
* **Browser:** [all]

Bug report

TreeList Drag and drop row to the bottom of the list does not work when the bottom item has no children

Reproduction of the problem
1. Open the following Dojo: 

https://dojo.telerik.com/eTiZONIj

2. Drag Jane and Drop it under Maria

Current behavior

Jane goes above Maria
Expected/desired behavior
Jane shall be placed at the bottom of the list under Maria

Environment
Kendo UI version: 2020.3.1118
Browser: [all]

### Bug report

When the columns of the Kendo UI TreeList have the attributes option set, a JavaScrip error is thrown. 

### Reproduction of the problem

1. Set the attributes property for any of the columns in the TreeList.

2. Call the setOptions() method.

3. An error in the console is present.

https://dojo.telerik.com/OKUnEDiJ

### Environment

* **Kendo UI version:** 2020.3.1118
* **jQuery version:** 1.12.4
* **Browser:** [all[]

### Bug report

When the footerTemplate option of the TreeList is specified for a column that is part of a multi-column header configuration, the template is not rendered.

### Reproduction of the problem

1. Set a footerTemplate option for the nested column. Dojo sample for reproduction:

https://dojo.telerik.com/iKisAZaS/16

### Environment

* **Kendo UI version:** 2020.1.219
* **jQuery version:** 1.12.4
* **Browser:** [all ] 

### Bug report

The height of the locked content in Chrome with jQuery version 3.4.1 (all jQuery versions after 3.1.1) is not calculated correctly.

### Reproduction of the problem

1. Set locked content in the TreeList.
2. The height is not calculated correctly.

Dojo sample for reproduction:

 https://dojo.telerik.com/EsobuqAH

### Environment

* **Kendo UI version:** 2020.1.219
* **jQuery version:** 3.4.1
* **Browser:** [Chrome | IE | Edge]