From 3c5720fe1cf9502557d758503ee9e8344687e572 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Mon, 16 May 2022 11:30:20 +0100
Subject: [PATCH] packages/bbui/src/Form/Core/TextField.svelte

---
 packages/bbui/src/Form/Core/TextField.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/bbui/src/Form/Core/TextField.svelte b/packages/bbui/src/Form/Core/TextField.svelte
index 7319943802..6a64876a2c 100644
--- a/packages/bbui/src/Form/Core/TextField.svelte
+++ b/packages/bbui/src/Form/Core/TextField.svelte
@@ -1,6 +1,6 @@
 <script>
   import "@spectrum-css/textfield/dist/index-vars.css"
-  import { createEventDispatcher } from "svelte"
+  import { createEventDispatcher, onMount } from "svelte"
 
   export let value = null
   export let placeholder = null
@@ -20,11 +20,6 @@
   let field
   let focus = false
 
-  $: if (autofocus === true && field) {
-    focus = true
-    field.focus()
-  }
-
   const updateValue = newValue => {
     if (readonly) {
       return
@@ -66,6 +61,11 @@
       updateValue(event.target.value)
     }
   }
+
+  onMount(() => {
+    focus = autofocus
+    if (focus) field.focus()
+  })
 </script>
 
 <div