autofocus() — svelte Function Reference

Architecture documentation for the autofocus() function in misc.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 1 called by 1

Entity Profile

ClientRuntime→ Hydration→ autofocus() — svelte Function Reference

Dependency Diagram

graph TD
  881d60c0_047b_ad82_2c37_19eec36960d9["autofocus()"]
  56e684d7_8156_2bdf_6537_717e59d1e537["misc.js"]
  881d60c0_047b_ad82_2c37_19eec36960d9 -->|defined in| 56e684d7_8156_2bdf_6537_717e59d1e537
  4c70ef10_16f1_40f4_1d51_8a7169bd1dba["set_attributes()"]
  4c70ef10_16f1_40f4_1d51_8a7169bd1dba -->|calls| 881d60c0_047b_ad82_2c37_19eec36960d9
  2cab0f64_6d19_d981_66e2_d2555c252702["queue_micro_task()"]
  881d60c0_047b_ad82_2c37_19eec36960d9 -->|calls| 2cab0f64_6d19_d981_66e2_d2555c252702
  style 881d60c0_047b_ad82_2c37_19eec36960d9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/misc.js lines 10–21

export function autofocus(dom, value) {
	if (value) {
		const body = document.body;
		dom.autofocus = true;

		queue_micro_task(() => {
			if (document.activeElement === body) {
				dom.focus();
			}
		});
	}
}