Fix Tree virtualization example (#2394)

iTwin · Jan 8, 2025 · 1c6866c · 1c6866c
1 parent 50e0822
commit 1c6866c
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 62 deletions.
diff --git a/apps/website/src/content/docs/tree.mdx b/apps/website/src/content/docs/tree.mdx
@@ -65,7 +65,7 @@ The `getNode` function then needs to map the user `data` to a `NodeData`. The pr
 const getNode = React.useCallback(
   (node) => {
     return {
-      /*…*/
+      /* … */
       subNodes: node.subItems,
       hasSubNodes: node.subItems.length > 0,
     };
@@ -93,7 +93,7 @@ The `isExpanded` flag which indicates whether the node is expanded to display it
 const getNode = React.useCallback(
   (node) => {
     return {
-      /*…*/
+      /* … */
       isExpanded: expandedNodes[node.id],
     };
   },

diff --git a/examples/Tree.virtualization.css b/examples/Tree.virtualization.css
@@ -1,5 +1,4 @@
 .demo-tree {
-  width: min(100%, 260px);
-  height: 100%;
+  width: 260px;
   overflow: auto;
 }
diff --git a/examples/Tree.virtualization.jsx b/examples/Tree.virtualization.jsx
@@ -57,6 +57,7 @@ export default () => {
   return (
     <Tree
       className='demo-tree'
+      style={{ height: '400px' }}
       data={data}
       getNode={getNode}
       enableVirtualization

diff --git a/playgrounds/next/package.json b/playgrounds/next/package.json
@@ -14,7 +14,7 @@
     "@types/node": "*",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "next": "^14.2.13",
+    "next": "^14.2.21",
     "react": "^18",
     "react-dom": "^18",
     "typescript": "5"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml