<template> children are not parsed correctly on the client

[remarkablemark]

Expected Behavior

import parse from 'html-dom-parser';

parse('<template>test</template>');

Output:

[
  {
    "parent": null,
    "prev": null,
    "next": null,
    "startIndex": null,
    "endIndex": null,
    "children": [
      {
        "parent": "[Circular]",
        "prev": null,
        "next": null,
        "startIndex": null,
        "endIndex": null,
        "data": "test",
        "type": "text"
      }
    ],
    "name": "template",
    "attribs": {},
    "type": "tag"
  }
]

Actual Behavior

import parse from 'html-dom-parser';

parse('<template>test</template>');

Output:

[
  {
    "parent": null,
    "prev": null,
    "next": null,
    "startIndex": null,
    "endIndex": null,
    "children": [],
    "name": "template",
    "attribs": {},
    "type": "tag"
  }
]

Steps to Reproduce

Open ./examples/index.html in a browser and enter the HTML:

<template><article><p>Test</p></article></template>

See the output children is [].

Reproducible Demo

• CodeSandbox: https://codesandbox.io/s/html-react-parser-849-dxw8xv?file=/src/index.tsx

Environment

• Version: 3.1.3
• Platform:
• Browser: Chrome
• OS:

Keywords

template

[remarkablemark]

The bug is caused by this line: https://github.com/remarkablemark/html-dom-parser/blob/v3.1.3/lib/client/utilities.js#L86

Since <template> node's children are on node.content.childNodes