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….
When the sortable option is disabled, the title in the header is not wrapped in span element with 'k-column-title' class.
Rendering with sortable enabled:
The filtering icon and title have enough space:
Rendering with sortable disabled:
filtering icon overlaps the title in case of long text:
The rendering should be identical. The header title should be wrapped in a span element with 'k-column-title' class
Workaround for fixing the overlapping issue:
<style>
.k-grid-header .k-filterable{
padding-right: calc(1.42857143em + 14px);
}
</style>
### Bug report
Treelist column's filterable property is applied to the wrong field when column locking and a multi-column header is applied.
Reported in: 1446991
### Reproduction of the problem
https://dojo.telerik.com/@Mearaj_6303/EDuhUlOG
### Current behavior
The Filter from "Position" is hidden.
### Expected/desired behavior
The Filter from "Phone" is hidden.
### Environment
* **Kendo UI version:** 2019.3.1023
* **Browser:** [all]
When there is a frozen column in the TreeList, not all the columns are resized correctly on double-clicking on the resize handler.
The Position column is not resized and a scrollbar may appear depending on the width of the screen
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.
When the style attribute is used to style the 'td' elements in the TreeList, the attribute is removed from the rendered markup.
The style attribute is removed.
The style attribute should persist in the rowTemplate.
When a Kendo TreeList contains a parent row that is expanded and includes more than two child records, performing a delete operation results in only 3 delete requests being sent. Specifically, two for the last two child records and one for the parent record.
Here is a Dojo for reproduction: https://dojo.telerik.com/Cqxjobpr
Sends only 3 delete requests for the last 2 children and the parent.
Should send individual delete requests for the parent and every child
Here is the TicketID: 1676145
When using a draghandle to drag a same level item below another item, it will not drop in the correct place.
The item will revert back to the original position.
The item should be place in the expected dropped location.
### 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]
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
The rows' background color are not consistent in regard to alternative background colors.
The rows' background colors should be consistent with the design.
Collapse state is incorrect when exporting TreeList while some nodes are collapsed.
Reproduction steps:
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
Cannot expand and collapse TreeList items properly in mobile and responsive dimensions.
Regression introduced with 2023.1.314
The items of the TreeList cannot be toggled properly.
Should be able to toggle the items of the TreeList properly in all dimensions.
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 ]
If the TreeList's reorderable option is enabled, the filter input is not focusable.
Regression introduced with 2023.2.606
The filter input is not focusable.
The filter input should be focusable.
Hi. I would like the ability to specify a template for the toolbar in a TreeList, much like the ability in the Grid. Thank you. Also see https://www.telerik.com/forums/toolbar-template-59985d731e9b
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]
TreeList autoFitColumn doesn't work properly.
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
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();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 ]
Bug report
TreeList shows wrong total and paging when we expand or collapse a row after filtering.
Reproduction of the problem
1. Go to TreeList demo link - https://demos.telerik.com/kendo-ui/treelist/index
2. On "Position" column apply filter with value "VP, Engineering"
Expected/desired behavior
The shown message within the pager has to be "1 - 4 of 4 items" instead of "1 - 15 of 4 items".
Environment
* **Kendo UI version:** 2019.3.1024
* **jQuery version:** 1.12.4
* **Browser:** [all]
Steps to reproduce bug:
The result has broken Headers