querySelector pseudo class :has not working

Describe the bug :has pseudo selector in query does not seem to be supported.

w3c spec: https://www.w3.org/TR/selectors-4/#has-pseudo

working sample: https://try.jsoup.org/ with query : p:has(a[href*=jsoup])

To Reproduce Steps to reproduce the behavior:

Create a test with

const {container} = render(<html>
            <head>
                <title>Try jsoup</title>
            </head>
            <body>
            <p>This is <a href="https://jsoup.org/">jsoup</a>.</p>
            </body>
            </html>
        );

const result1 = container.querySelector('a') // this is not null
const result2 = container.querySelector('p:has(a[href*=jsoup])') // this is null where it should not

Expected behavior result should give me back the

element in the

Device:

OS: [iOS]
Browser [brave]
Version [Version 1.64.109 Chromium: 123.0.6312.58 (Official Build) (arm64)]

capricorn86 / happy-dom

querySelector pseudo class :has not working #1373