URIMismatchError: Failed to construct URL from string "//www.googletagmanager.com/ns.html?id=xxx" relative to URL "about:blank".

[vjpr]

Describe the bug

To Reproduce

Create a page with an iframe with a src with no protocol specified.

<noscript>
    <iframe
        src="//www.googletagmanager.com/ns.html?id=xxx"
        height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Device:

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[uovol]

i have same issue

<iframe class="ifr" ref="refIframe" :src="`/iframe-item.html?id=${props.id}&t=1`" 
            sandbox="allow-scripts allow-same-origin" ></iframe>

error:

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Unhandled Errors ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

Vitest caught 8 unhandled errors during the test run.
This might cause false positive tests. Resolve unhandled errors to make sure your tests are not affected.

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Unhandled Rejection ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
URIMismatchError: Failed to construct URL from string "/iframe-item.html?id=88&t=1" relative to URL "about:blank".
 ❯ URL.set href [as href] node_modules/happy-dom/src/location/Location.ts:30:11
 ❯ new Window node_modules/happy-dom/src/window/Window.ts:473:22
 ❯ Function.loadPage node_modules/happy-dom/src/nodes/html-iframe-element/HTMLIFrameUtility.ts:26:36
 ❯ HTMLIFrameElement._connectToNode node_modules/happy-dom/src/nodes/html-iframe-element/HTMLIFrameElement.ts:182:22
 ❯ HTMLElement._connectToNode node_modules/happy-dom/src/nodes/node/Node.ts:422:19
 ❯ HTMLAnchorElement._connectToNode node_modules/happy-dom/src/nodes/node/Node.ts:422:19
 ❯ Function.insertBefore node_modules/happy-dom/src/nodes/node/NodeUtility.ts:193:19
 ❯ Function.insertBefore node_modules/happy-dom/src/nodes/element/ElementUtility.ts:185:16
 ❯ HTMLElement.insertBefore node_modules/happy-dom/src/nodes/element/Element.ts:404:25
 ❯ insert node_modules/@vue/runtime-dom/dist/runtime-dom.cjs.js:13:12

This error originated in "components/user-login.test.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.

[uovol]

My temporary solution is to add the full domain name to iframe's src.

[capricorn86]

Thank you for reporting @vjpr and @uovol! 🙂

There is a fix released now:
https://github.com/capricorn86/happy-dom/releases/tag/v10.8.1

Note that you need to set a URL on the main document in order for the iframe URL to be relative to it. The main document defaults to "about:blank" if no URL has been set (see #868).