Problem with TreeView, when using collapsible nodes & checkboxes

[n/a]

Hello,

I am trying to follow along the  examples in the docs, and I have tried to create a TreeView that has collapsible nodes, and checkboxes.

I am encountering some strange issues, such as:

• When the tree is first loaded, with all nodes expanded, only the first child node of each parent is shown. If I click anywhere inside the TreeView, then the hidden nodes appear.
• When a parent node is selected (and all children are selected as well), then I cannot expand the parent node. If I click to expand the node nothing happens, but then if I click another node then both parent nodes expand.

 

Since this is pretty basic behavior, I am sure I have misconfigured something or I am entirely missing something.

 

Can you provide some help ?

 

You can find a sample here: https://stackblitz.com/edit/vue-qzba9x?file=src/App.vue

[Petar]

Hello, Loukas. 

Thank you for the detailed description of the experienced issues. Below you will find my comments on each of the bullets you listed:

• Hidden nodes when the TreeView is with expanded nodes - This issue is related to this known bug. The solution here is to use the TreeView with an "animate" prop set to false. With your report, I've also raised the priority of the bug.
• Using the TreeView together with the checkboxes and expand/collapse functionality turned on - here is an example that demonstrates how the targeted functionality can be implemented. Please check the StackBlitz project and let me know if you have questions about the suggested implementation. 

Please let me know if the above information helps you implement the targeted functionality in the application you are working on.

Regards,
Petar
Progress Telerik