Update InputFocused.ts

purifyjs · Oct 15, 2024 · 2cb6f09 · 2cb6f09
1 parent 7a19ebf
commit 2cb6f09
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/apps/compare/src/content/2-templating/5-dom-ref/purify.js/InputFocused.ts b/apps/compare/src/content/2-templating/5-dom-ref/purify.js/InputFocused.ts
@@ -1,13 +1,15 @@
-import { tags } from "@purifyjs/core";
+import { Lifecycle, tags } from "@purifyjs/core";
 
 const { input } = tags;
 
 export function InputFocused() {
-	const host = input().type("text");
+	const host = input()
+    .use(autoFocus())
+    .type("text");
 
-	host.element.onConnect(() => {
-		host.element.focus();
-	});
+ return host;
+}
 
-	return host;
+export function autoFocus(): Lifecycle.OnConnected {
+  return (element) => element.focus()
 }