[TextField] Fix input focus loss on vertical content change (#5931)

* [TextField] Fix input focus loss on vertical content change * Add changeset
Shopify · May 26, 2022 · 87b4890 · 87b4890
1 parent 56b8ca7
commit 87b4890
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/sour-readers-float.md b/.changeset/sour-readers-float.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': minor
+---
+
+Fixed input focus loss in TextField on vertical content change
diff --git a/polaris-react/src/components/TextField/TextField.tsx b/polaris-react/src/components/TextField/TextField.tsx
@@ -244,7 +244,7 @@ export function TextField({
     const input = inputRef.current;
     if (!input || focused === undefined) return;
     focused ? input.focus() : input.blur();
-  }, [focused]);
+  }, [focused, verticalContent]);
 
   useEffect(() => {
     const input = inputRef.current;