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

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

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]

Collapse state is incorrect when exporting TreeList while some nodes are collapsed.

• https://dojo.telerik.com/@pmilchev/aMUniceC 

Reproduction steps: 

• Open and run the dojo example
• Click the Export button in TreeList
• Click the toggle button of the item

Actual: Alert shows "Collapsed"

Expected: Alert shows "Expanded"

Regression introduced in 2019.2.514
Related to: https://github.com/telerik/kendo-ui-core/issues/4696 

Code: https://github.com/telerik/kendo/blame/master/src/excel/main.js#L43 

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

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]

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]

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

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….

Bug report

Incell edit mode of the Kendo UI TreeList requires 2 clicks to enter edit mode. The issue can be replicated only when any of the columns have a template and the widget is used in AngularJS environment.

Reproduction of the problem

1. Create a TreeList widget, set the incell edit mode, and set a template for any of the columns.

2. Edit one cell and directly click on the next one - it requires 2 clicks to open for edit.

Sample for reproduction:

https://dojo.telerik.com/OGOkODos

Environment

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

Bug report

If the read() method of the data source of the TreeList widget is called, the pager is not refreshed. It retains the only pages and information.

Reproduction of the problem

1. Update the data source of the TreeList widget.

2. Notice that the pager is not completely refreshed.

A Dojo sample for reproduction:

https://dojo.telerik.com/aHIPUgIz

Expected/desired behavior

Refresh the pager whenever the data source of the TreeList is refreshed.

Environment

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

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

The Kendo TreeList has an incorrect colspan value for the headers when the first column is hidden and the file is exported to Excel.

Dojo:

https://dojo.telerik.com/IFuCutaV/4 

The names of the headers are not displayed in the correct positions.

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]