Each blocks with animate don't account for "empty" children

[ghostdevv]

Describe the bug

This issue is for tying together fixes and issues that would be closed when it's fixed so we can get this sorted

Currently a each block with a animate directive only allows for a single child, this check doesn't account for "empty" children, here I am defining a empty child as one that contains only tabs/line breaks/whitespaces

The issues presented below are essentially due to how the code author formats their dom, anything completely inline fixes all the issues below but when a author adds indentation/formatting to their code the each block detects as that a child despite it being "empty"

@ehrencrona Proposed a solution below which essentially filters through the children to remove the empty ones.

@tanhauhau posted a video on issue #5415 (which if fixed fixes the other issues) and his conclusion was a internal discussion needs to take place on how the whitespace is handled - but I am unsure what happened to this

Potential Fixes:

• Handle whitespace inside #each with animation #5477 [FIXED]

Issues closed by a fix occurring:
#3999 - Comments not allowed
#5415 - Inline each block believes it has multiple children [FIXED]
#7124 - {@const} tag causes each block to believe it has multiple children [FIXED]

Reproduction

See each issue linked above

Severity

annoyance

[ghostdevv]

Have updated my comment, only one potential issue remaining but the main ones are solved

[gtm-nayan]

@ghostdevv Was the last one fixed by #7435 ?

[ghostdevv]

I imagine so, feel free to reopen if I am wrong