Bug report
DropDownTree as a row editor does not clear chips when x button is clicked. Select All option does not select items

this.dataSource.data()  does not have items

Regression with 2022.1.119

Reproduction of the problem
Open this Dojo example - https://dojo.telerik.com/oXizEQac

Open Name column row filter DropDownTree

Select All shall select all items. Clearing items shall clear them

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

Bug report

If you prevent the DropDownTree's close event, the k-animation-container-shown class is removed from the popup.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/UrALIJOK/3
2. Open the DropDownTree
3. Open the browser console and inspect the k-animation-container element
4. Blur the DropDownTree

Current behavior

The k-animation-container-shown class is removed from the popup element.

Expected/desired behavior

The k-animation-container-shown class should be preserved.

Environment

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

Bug report

Pressing the clear button of the DropDownTree does not change the component's value in the change event.

Reproduction of the problem

1. Open this Dojo - https://dojo.telerik.com/aREzEWaK/13
2. Open the browser console
3. Select an item
4. Press the clear button

Current behavior

The value is the same as before pressing the button

Expected/desired behavior

The value should be an empty string after pressing the clear button

Environment

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

Bug report

If the DropDownTree is configured without checkboxes (single selection), the X button shouldn't be present.

Reproduction of the problem

1. Open this demo - https://demos.telerik.com/kendo-ui/dropdowntree/index
2. Select an item from the DropDownTree

Current behavior

The clear button appears

Expected/desired behavior

The clear button shouldn't be present.

Environment

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

Enhancement

Currently, when checkboxes are enabled, the selected items cannot be sent to a remote end-point via form submit. Research possible workarounds for the senario - rendering an additional input elements, parsing or other suitable approach that allows submitting the value of the widget.

Bug report

The DropDownTree validation error message appears when the widget gets opened. The message appears before the user is able to select an item. The behavior is not consistent with the validation of the rest of the widgets, such as DropDownList, for example.

Reproduction of the problem

1. Open the Dojo example
2. Expand the DropDownTree

Scenario 2: DropDownTree in a Form - Dojo

Current behavior

The DropDownTree is validated on open, thus it is marked as invalid before the user has the possibility to select an item.

Expected/desired behavior

The validation of the DropDownList should be consistent with the rest of the widgets. It should be validated when it is focused out

Environment

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

Using setDataSource method on a working DropDownTree, with same initial settings leads to not working clea button and not expanding a collapsed node. 

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

Steps (clear button):

1. Open dojo and check that everything works correctly

2. Click reload button (calls setDataSource)

3. Clear all button does not work and cannot deselect the item from the tag's clear button.

Steps (expand):

1. Open dojo and open popup to see everything expands as expected

2. Click reload

3. Open popup

4. The last (initially collapsed) node cannot be expanded.

Bug report

The DropDownTree's refresh API method re-renders only the noDataTemplate and the footerTemplate. The nodes are not re-rendered.

Reproduction of the problem

Current behavior

Only the noDataTemplate and the footerTemplate are re-rendered.

Expected/desired behavior

The method should also re-render the nodes, similarly to the DropDownList's refresh method, which re-renders its items.

Environment

• Kendo UI version: 2021.1.330
• jQuery version: x.y
• Browser: [all]

Hi
I have a problem with the DropDownTree component.
From a remote data source type json I am getting a tree with two levels of data but it only shows the first level.

Code:

$("#dropdowntree").kendoDropDownTree({
	dataSource: {
		transport: {
			read: {
				url: "/api/getData",
				type: "POST",
				dataType: "json",
				contentType: "application/json; charset=utf-8"
			}
		}
	},
	checkboxes: true
});

Response:

[
	{
		text: "Furniture", expanded: true, items: [
			{ text: "Tables & Chairs" },
			{ text: "Sofas" },
			{ text: "Occasional Furniture" }
		]
	},
	{
		text: "Decor", items: [
			{ text: "Bed Linen" },
			{ text: "Curtains & Blinds" },
			{ text: "Carpets" }
		]
	}
]

$("#dropdowntree").kendoDropDownTree({
	dataSource: {
		data: [
			{
				text: "Furniture", expanded: true, items: [
					{ text: "Tables & Chairs" },
					{ text: "Sofas" },
					{ text: "Occasional Furniture" }
				]
			},
			{
				text: "Decor", items: [
					{ text: "Bed Linen" },
					{ text: "Curtains & Blinds" },
					{ text: "Carpets" }
				]
			}
		]
	},
	checkboxes: true
});

Bug report

Reproduction of the problem

Dojo example: http://dojo.telerik.com/ePEPAtEl/3
Two scenarios:

1. The DropDownTree's height is set to "auto" and there are enough nodes in the embedded treeview, so that the when the popup shows up a vertical scrollbar appears. In Chrome and IE, when the scrollbar appears the page is scrolled down automatically, which causes the popup to close.

2. height is not set explicitly in the DropDownTree (remove the setting from the dojo example). If the browser window is resized so that there isn't enough space for the whole popup to be displayed, on the popup showing up, the same behavior as in 1. is observed.

Current behavior

The popup closes automatically.

Expected/desired behavior

The popup remains open.

Environment

• Kendo UI version: 2020.3.915
• jQuery version: x.y
• Browser: [Chrome 85 | IE11 ]

Please Implement Cleaner "Fully Loaded" Event Instead of Multiple onDataBound Checks as per recommended per this approach:  https://docs.telerik.com/kendo-ui/knowledge-base/dropdowntree-fully-loaded

That works fine, but if I have multiple DropDownTree elements on the page, this is a lot of extraneous code. Could this not be encapsulated within the library with a true event?

Perhaps it could be something like "contentLoaded" or "treeeInitialized". 

In my case I would then use it to fulfill a Promise or other actions.

Hello Team,

Please refer this DoJo - http://dojo.telerik.com/@SaravanaMS/utINiRUq

We have a dropdowntree component added in a grid and when we collapse the dropdowntree options - dropdowm box stays at top.

Steps to reproduce - 

1. open all options from top to bottom 

2. collapse the option from bottom to top

3. once the top option is collapsed - dropdown box stays at top

Bug report

Regression introduced in R1 2020.

Reproduction of the problem

Reproducible in the demo.

1. Focus the DropDownTree.
2. Click the "Check all" checkbox.

Current behavior

The DropDownTree items are not checked. The issue is reproducible only if the checkbox is clicked. Clicking its label, or checking the checkbox with the keyboard (Space key) checks all items as expected.

Expected/desired behavior

All items are checked.

Environment

• Kendo UI version: 2020.1.219
• jQuery version: x.y
• Browser: [IE, Edge(Spartan) ]

It would be nice to have the functionality to dynamically switch tagNodes, this feature would help sort out the issue of expanding the dropdown if many selections have been made .i.e.

It should show like the image below instead

It would also be great to add the feature to auto-select the parent's children and their sub children if the parent is checked.

The workaround for these issues is available on  this dojo

Hi,

When using the dropdown tree on safari using the bootstrap themes when the page has scrollbars and clicking on the dropdown the page scrolls up, even though there is available space:

Please see this Dojo which replicates the issue:

https://runner.telerik.io/fullscreen/uwoBEKiT/2

Open the above URL in Safari, chick on the dropddown and the page scrolls up and the dropdown is no longer visible.

Regards

James Qu

inn