dom changes on select

graphql-editor · Feb 5, 2024 · 7548541 · 7548541
1 parent c05d8cb
commit 7548541
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git a/packages/editor/src/shared/hooks/useDomManager.ts b/packages/editor/src/shared/hooks/useDomManager.ts
@@ -23,9 +23,6 @@ export const useDomManagerTs = (parent: "focus" | "all") => {
     DOMNavigationNode.addClassByFn("active", (e) => {
       const htmlElem = e as HTMLDivElement;
       const m = htmlElem.dataset.id === nodeId;
-      if (m) {
-        htmlElem.scrollIntoView({ behavior: "smooth", block: "center" });
-      }
       return m;
     });
     DOMGraphConnection.addClassByFn("active", (e) => {

diff --git a/packages/editor/src/state/containers/trees/index.ts b/packages/editor/src/state/containers/trees/index.ts
@@ -206,10 +206,10 @@ const useTreesStateContainer = createContainer(() => {
       .map((a) => a.name);
     const nodesRelatedToActiveInterface =
       activeNode &&
-        activeNode.data.type === TypeDefinition.InterfaceTypeDefinition
+      activeNode.data.type === TypeDefinition.InterfaceTypeDefinition
         ? allNodes.nodes
-          .filter((node) => node.interfaces.includes(activeNode.name))
-          .map((a) => a.name)
+            .filter((node) => node.interfaces.includes(activeNode.name))
+            .map((a) => a.name)
         : [];
     const notBaseTypes = activeNode?.args
       .map((a) => getTypeName(a.type.fieldType))
@@ -241,10 +241,8 @@ const useTreesStateContainer = createContainer(() => {
         nodeId !== selectedNodeId?.value?.id ||
         _selectedNodeId?.justCreated !== selectedNodeId?.justCreated
       ) {
-        setTimeout(() => {
-          DOMEvents.selectNode.trigger(nodeId);
-          return _setSelectedNodeId(_selectedNodeId);
-        }, 250);
+        DOMEvents.selectNode.trigger(nodeId);
+        return _setSelectedNodeId(_selectedNodeId);
       }
     },
     [_setSelectedNodeId, allNodes, selectedNodeId?.value?.id, focusMode]