[tree view][docs] Fix scroll demos disorientation

mui · Jul 20, 2024 · 095e98b · 095e98b
1 parent 3f60add
commit 095e98b
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/docs/data/tree-view/rich-tree-view/items/ApiMethodGetItemDOMElement.js b/docs/data/tree-view/rich-tree-view/items/ApiMethodGetItemDOMElement.js
@@ -42,7 +42,7 @@ export default function ApiMethodGetItemDOMElement() {
     apiRef.current.focusItem(event, 'charts-community');
     apiRef.current
       .getItemDOMElement('charts-community')
-      ?.scrollIntoView({ block: 'center' });
+      ?.scrollIntoView({ block: 'nearest' });
   };
 
   return (

diff --git a/docs/data/tree-view/rich-tree-view/items/ApiMethodGetItemDOMElement.tsx b/docs/data/tree-view/rich-tree-view/items/ApiMethodGetItemDOMElement.tsx
@@ -42,7 +42,7 @@ export default function ApiMethodGetItemDOMElement() {
     apiRef.current!.focusItem(event, 'charts-community');
     apiRef
       .current!.getItemDOMElement('charts-community')
-      ?.scrollIntoView({ block: 'center' });
+      ?.scrollIntoView({ block: 'nearest' });
   };
 
   return (

diff --git a/docs/data/tree-view/simple-tree-view/items/ApiMethodGetItemDOMElement.js b/docs/data/tree-view/simple-tree-view/items/ApiMethodGetItemDOMElement.js
@@ -12,7 +12,7 @@ export default function ApiMethodGetItemDOMElement() {
     apiRef.current.focusItem(event, 'charts-community');
     apiRef.current
       .getItemDOMElement('charts-community')
-      ?.scrollIntoView({ block: 'center' });
+      ?.scrollIntoView({ block: 'nearest' });
   };
 
   return (

diff --git a/docs/data/tree-view/simple-tree-view/items/ApiMethodGetItemDOMElement.tsx b/docs/data/tree-view/simple-tree-view/items/ApiMethodGetItemDOMElement.tsx
@@ -12,7 +12,7 @@ export default function ApiMethodGetItemDOMElement() {
     apiRef.current!.focusItem(event, 'charts-community');
     apiRef
       .current!.getItemDOMElement('charts-community')
-      ?.scrollIntoView({ block: 'center' });
+      ?.scrollIntoView({ block: 'nearest' });
   };
 
   return (