fix bug

Author: trueadm

packages/svelte/src/internal/client/dom/blocks/each.js

@@ -489,7 +489,7 @@ function create_item(anchor, prev, next, value, key, index, render_fn, flags) {
  * @returns {import('#client').TemplateNode}
  */
 function get_adjusted_first_node(dom, effect) {
-	if (dom.nodeType === 3 && /** @type {Text} */ (dom).data === '') {
+	if ((dom.nodeType === 3 && /** @type {Text} */ (dom).data === '') || dom.nodeType === 8) {
 		var adjusted = effect.first;
 		var next;
 		while (adjusted !== null) {

packages/svelte/src/internal/client/dom/blocks/svelte-element.js

@@ -62,6 +62,18 @@ export function element(node, get_tag, is_svg, render_fn, get_namespace, locatio
 	/** @type {import('#client').Effect | null} */
 	let effect;
 
+	const parent_effect = /** @type {import('#client').Effect} */ (current_effect);
+
+	// Remove the the hydrated effect dom entry for our dynamic element
+	if (hydrating && is_array(parent_effect.dom)) {
+		var remove_index = parent_effect.dom.indexOf(
+			/** @type {import('#client').TemplateNode} */ (element)
+		);
+		if (remove_index !== -1) {
+			parent_effect.dom.splice(remove_index, 1);
+		}
+	}
+
 	/**
 	 * The keyed `{#each ...}` item block, if any, that this element is inside.
 	 * We track this so we can set it when changing the element, allowing any
@@ -123,11 +135,10 @@ export function element(node, get_tag, is_svg, render_fn, get_namespace, locatio
 					};
 				}
 
-				if (prev_element) {
+				if (prev_element && !hydrating) {
 					swap_block_dom(element_effect, prev_element, element);
 					prev_element.remove();
-				}
-				if (!hydrating) {
+				} else {
 					push_template_node(element, element_effect);
 				}