diff --git a/packages/svelte/src/internal/client/dom/blocks/key.js b/packages/svelte/src/internal/client/dom/blocks/key.js index 2c8d8980b2..55dcda75f7 100644 --- a/packages/svelte/src/internal/client/dom/blocks/key.js +++ b/packages/svelte/src/internal/client/dom/blocks/key.js @@ -36,19 +36,15 @@ export function key_block(anchor, get_key, render_fn) { }); } - effect = render_effect( - () => { - const dom = render_fn(anchor); - - return () => { - if (dom !== undefined) { - remove(dom); - } - }; - }, - true, - true - ); + effect = render_effect(() => { + const dom = render_fn(anchor); + + return () => { + if (dom !== undefined) { + remove(dom); + } + }; + }, true); effects.add(effect); } diff --git a/packages/svelte/src/internal/client/dom/elements/misc.js b/packages/svelte/src/internal/client/dom/elements/misc.js index 0a894ba353..394a51368f 100644 --- a/packages/svelte/src/internal/client/dom/elements/misc.js +++ b/packages/svelte/src/internal/client/dom/elements/misc.js @@ -1,5 +1,5 @@ import { hydrating } from '../hydration.js'; -import { render_effect } from '../../reactivity/effects.js'; +import { user_effect } from '../../reactivity/effects.js'; /** * @param {HTMLElement} dom @@ -10,15 +10,12 @@ export function autofocus(dom, value) { if (value) { const body = document.body; dom.autofocus = true; - render_effect( - () => { - if (document.activeElement === body) { - dom.focus(); - } - }, - true, - false - ); + + user_effect(() => { + if (document.activeElement === body) { + dom.focus(); + } + }); } } diff --git a/packages/svelte/src/internal/client/reactivity/effects.js b/packages/svelte/src/internal/client/reactivity/effects.js index d0a09a201b..459511dff8 100644 --- a/packages/svelte/src/internal/client/reactivity/effects.js +++ b/packages/svelte/src/internal/client/reactivity/effects.js @@ -216,14 +216,13 @@ export function invalidate_effect(fn) { /** * @param {(() => void)} fn * @param {boolean} managed - * @param {boolean} sync * @returns {import('#client').Effect} */ -export function render_effect(fn, managed = false, sync = true) { +export function render_effect(fn, managed = false) { let flags = RENDER_EFFECT; if (managed) flags |= MANAGED; - return create_effect(flags, /** @type {any} */ (fn), sync); + return create_effect(flags, /** @type {any} */ (fn), true); } /**