fix: retry giveFocus on next animation frame for newly created blocks

majiayu000 · majiayu000 · commit f90d576aed57 · 2026-03-21T14:38:06.000+08:00
When a new block is created, giveFocus() may fail because the view's DOM element isn't mounted yet. This causes focus to fall back to the hidden dummy input, which cannot handle arrow key scrolling. Retry giveFocus() via requestAnimationFrame after the fallback, giving React a chance to flush pending renders before the retry. Fixes #2926 Signed-off-by: majiayu000 <1835304752@qq.com>
diff --git a/frontend/app/block/block.tsx b/frontend/app/block/block.tsx
@@ -226,6 +226,9 @@ const BlockFull = memo(({ nodeModel, viewModel }: FullBlockProps) => {
             return;
         }
         focusElemRef.current?.focus({ preventScroll: true });
+        requestAnimationFrame(() => {
+            viewModel?.giveFocus?.();
+        });
     }, [viewModel]);
 
     const focusFromPointerEnter = useCallback(

Original file line number	Diff line number	Diff line change
`@@ -226,6 +226,9 @@ const BlockFull = memo(({ nodeModel, viewModel }: FullBlockProps) => {`
`226`	`226`	`return;`
`227`	`227`	`}`
`228`	`228`	`focusElemRef.current?.focus({ preventScroll: true });`
	`229`	`+ requestAnimationFrame(() => {`
	`230`	`+ viewModel?.giveFocus?.();`
	`231`	`+ });`
`229`	`232`	`}, [viewModel]);`
`230`	`233`
`231`	`234`	`const focusFromPointerEnter = useCallback(`