use queue_micro_task

Author: Rich-Harris

packages/svelte/src/internal/client/dom/elements/bindings/input.js

@@ -4,6 +4,7 @@ import { stringify } from '../../../render.js';
 import { listen_to_event_and_reset_event } from './shared.js';
 import * as e from '../../../errors.js';
 import { get_proxied_value, is } from '../../../proxy.js';
+import { queue_micro_task } from '../../task.js';
 
 /**
  * @param {HTMLInputElement} input
@@ -111,7 +112,7 @@ export function bind_group(inputs, group_index, input, get_value, update) {
 		}
 	});
 
-	effect(() => {
+	queue_micro_task(() => {
 		// necessary to maintain binding group order in all insertion scenarios. TODO optimise
 		binding_group.sort((a, b) => (a.compareDocumentPosition(b) === 4 ? -1 : 1));
 	});

packages/svelte/src/internal/client/dom/elements/misc.js

@@ -1,6 +1,6 @@
 import { hydrating } from '../hydration.js';
-import { effect } from '../../reactivity/effects.js';
 import { clear_text_content } from '../operations.js';
+import { queue_micro_task } from '../task.js';
 
 /**
  * @param {HTMLElement} dom
@@ -12,7 +12,7 @@ export function autofocus(dom, value) {
 		const body = document.body;
 		dom.autofocus = true;
 
-		effect(() => {
+		queue_micro_task(() => {
 			if (document.activeElement === body) {
 				dom.focus();
 			}

packages/svelte/src/internal/client/dom/template.js

@@ -3,8 +3,8 @@ import { empty } from './operations.js';
 import { create_fragment_from_html } from './reconciler.js';
 import { current_effect } from '../runtime.js';
 import { TEMPLATE_FRAGMENT, TEMPLATE_USE_IMPORT_NODE } from '../../../constants.js';
-import { effect } from '../reactivity/effects.js';
 import { is_array } from '../utils.js';
+import { queue_micro_task } from './task.js';
 
 /**
  * @template {import("#client").TemplateNode | import("#client").TemplateNode[]} T
@@ -196,7 +196,7 @@ function run_scripts(node) {
 		// Don't do it in other circumstances or we could accidentally execute scripts
 		// in an adjacent @html tag that was instantiated in the meantime.
 		if (script === node) {
-			effect(() => script.replaceWith(clone));
+			queue_micro_task(() => script.replaceWith(clone));
 		} else {
 			script.replaceWith(clone);
 		}

packages/svelte/src/internal/client/runtime.js

@@ -133,14 +133,6 @@ export function set_current_component_context(context) {
 	current_component_context = context;
 }
 
-/** @type {Function[]} */
-export let deferred_tasks = [];
-
-/** @param {Function} task */
-export function defer(task) {
-	deferred_tasks.push(task);
-}
-
 /**
  * The current component function. Different from current component context:
  * ```html
@@ -593,10 +585,6 @@ function flush_queued_root_effects(root_effects) {
 				flush_queued_effects(collected_effects);
 			}
 		}
-
-		for (i = 0; i < deferred_tasks.length; i++) {
-			deferred_tasks[i]();
-		}
 	} finally {
 		is_flushing_effect = previously_flushing_effect;
 	}