svg, querySelector(All) and :scope #3469
Description
Basic info:
- Node.js version: 16.14
- jsdom version: 20.0.3
Minimal reproduction case
const { JSDOM } = require("jsdom");
const svgEl = JSDOM.fragment('<?xml version="1.0" encoding="UTF-8"?><svg><defs></defs><g></g></svg>').firstElementChild;
svgEl.tagName; // "svg" as expected
svgEl.childNodes.length; // 2 as expected
svgEl.childNodes[1].tagName; // "g" as expected
svgEl.querySelector('g'); // "SVGElement" as expected
// BUT
svgEl.querySelector(':scope g'); // null - not as expected !!!How does similar code behave in browsers?
In Chrome/Firefox the query ":scope g" returns the "SVGElement" just as "g" does.
Cheers