fix(core): focus annotation popover first input

sanity-io · Oct 7, 2024 · 18efbe9 · 18efbe9
1 parent 2837d08
commit 18efbe9
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/modals/PopoverModal.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/modals/PopoverModal.tsx
@@ -80,6 +80,13 @@ function Content(props: PopoverEditDialogProps) {
   const [contentElement, setContentElement] = useState<HTMLDivElement | null>(null)
   const containerElement = useRef<HTMLDivElement | null>(null)
 
+  useEffect(() => {
+    // When rendered, focus on the first input element in the content
+    if (contentElement) {
+      contentElement.querySelector('input')?.focus()
+    }
+  }, [contentElement])
+
   return (
     <VirtualizerScrollInstanceProvider
       scrollElement={contentElement}