fix(treeview): don't overwrite disabled=true state for children (#16079)

carbon-design-system · Apr 3, 2024 · 53be4cb · 53be4cb
1 parent f28b9ab
commit 53be4cb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/react/src/components/TreeView/TreeNode.js b/packages/react/src/components/TreeView/TreeNode.js
@@ -62,7 +62,7 @@ const TreeNode = React.forwardRef(
         return React.cloneElement(node, {
           active,
           depth: depth + 1,
-          disabled,
+          disabled: disabled || node.props.disabled,
           onTreeSelect,
           selected,
           tabIndex: (!node.props.disabled && -1) || null,

diff --git a/packages/react/src/components/TreeView/Treeview.stories.js b/packages/react/src/components/TreeView/Treeview.stories.js
@@ -262,3 +262,12 @@ Playground.argTypes = {
     control: { type: 'select' },
   },
 };
+
+export const Temp = () => (
+  <TreeView label="Tree View">
+    <TreeNode label="Enabled">
+      <TreeNode label="Disabled" disabled />
+    </TreeNode>
+    <TreeNode label="Disabled" disabled></TreeNode>
+  </TreeView>
+);