TreeView: defaultExpanded: true doesn't work

[AJIXuMuK]

Category

• Enhancement
• Bug
• Question

Version

Please specify what version of the library you are using: [1.18.0]

Expected / Desired Behavior / Question

Setting defaultExpanded property to true opens all the nodes of the TreeView

Observed Behavior

There is no difference in behavior between false and true

Steps to Reproduce

const treeitems = [
    {
      key: "R1",
      label: "Root",
      subLabel: "This is a sub label for node",
      iconProps: this.skypeCheckIcon,
      actions: [{
        title: "Get item",
        iconProps: {
          iconName: 'Warning',
          style: {
            color: 'salmon',
          },
        },
        id: "GetItem",
        actionCallback: async (treeItem: ITreeItem) => {
          console.log(treeItem);
        }
      }],
      children: [
        {
          key: "1",
          label: "Parent 1",
          selectable: false,
          children: [
            {
              key: "3",
              label: "Child 1",
              subLabel: "This is a sub label for node",
              actions: [{
                title: "Share",
                iconProps: {
                  iconName: 'Share'
                },
                id: "GetItem",
                actionCallback: async (treeItem: ITreeItem) => {
                  console.log(treeItem);
                }
              }],
              children: [
                {
                  key: "gc1",
                  label: "Grand Child 1",
                  actions: [{
                    title: "Get Grand Child item",
                    iconProps: {
                      iconName: 'Mail'
                    },
                    id: "GetItem",
                    actionCallback: async (treeItem: ITreeItem) => {
                      console.log(treeItem);
                    }
                  }]
                }
              ]
            },
            {
              key: "4",
              label: "Child 2",
              iconProps: this.skypeCheckIcon
            }
          ]
        },
        {
          key: "2",
          label: "Parent 2"
        },
        {
          key: "5",
          label: "Parent 3",
          disabled: true
        },
        {
          key: "6",
          label: "Parent 4",
          selectable: true
        }
      ]
    },
    {
      key: "R2",
      label: "Root 2",
      children: [
        {
          key: "8",
          label: "Parent 5"
        }
      ]
    }
  ];

return <TreeView items={treeitems}
            defaultExpanded={true}
            selectionMode={TreeViewSelectionMode.Multiple}
            showCheckboxes={true}
            treeItemActionsDisplayMode={TreeItemActionsDisplayMode.ContextualMenu}
            defaultSelectedKeys={['R2', 'gc1']}
            onExpandCollapse={this.onExpandCollapseTree}
            onSelect={this.onItemSelected}
          // onRenderItem={this.renderCustomTreeItem}
          />

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[nanddeepn]

Me and @siddharth-vaghasia will look in to this.

[saurav2107]

I am still facing this issue, though i started from version 1.19.0 is this fix available in the release 1.19.0 or planned for next releases.