each animate allow having comment siblings (#7435)

Co-authored-by: GHOST <ghostdevbusiness@gmail.com>

Co-authored-by: GHOST <ghostdevbusiness@gmail.com>

src/compiler/compile/nodes/EachBlock.ts

@@ -63,7 +63,7 @@ export default class EachBlock extends AbstractBlock {
 		([this.const_tags, this.children] = get_const_tags(info.children, component, this, this));
 
 		if (this.has_animation) {
-			this.children = this.children.filter(child => !isEmptyNode(child));
+			this.children = this.children.filter(child => !isEmptyNode(child) && !isCommentNode(child));
 
 			if (this.children.length !== 1) {
 				const child = this.children.find(child => !!(child as Element).animation);
@@ -83,3 +83,6 @@ export default class EachBlock extends AbstractBlock {
 function isEmptyNode(node: INode) {
 	return node.type === 'Text' && node.data.trim() === '';
 }
+function isCommentNode(node: INode) {
+	return node.type === 'Comment';
+}

test/validator/samples/animation-comment-siblings/errors.json

@@ -0,0 +1 @@
+[]

test/validator/samples/animation-comment-siblings/input.svelte

@@ -0,0 +1,9 @@
+<script>
+	export let things;
+	function foo() {}
+</script>
+
+{#each things as thing (thing)}
+	<!-- some comment -->
+	<div animate:foo></div>
+{/each}