Construction using window.location.href as base throws Invalid URL

When attempting to construct a URL using a relative path and a base argument matching the current document’s window.location.href, an error TypeError: Invalid URL is thrown.

Environment: IE10 Steps to reproduce:

new URL("/my/path", window.location.href)

(in my test my path was http://timelord.local:4200/candidates;location=martin_pl;date=2019-12-24)

[lifaon74]

I know, the polyfill doesn’t aim to be perfect BUT to be compact. Originally, the base parameter should only contains the origin. Nothing more. The spec evolved and now the base’s path minus last part must be prepend. Because of this evolution, IE cannot support all cases ! If you really need the full implementation: https://github.com/lifaon74/whatwg-url

But you could simply use something like:

const base = new URL(window.location.href);
const path = base.pathname.split('/').slice(0, -1);
const url = new URL(path.join('/') + '/relative/path', base.origin);

Somehow, this could be patched in this polyfill. For this you could do a pull request.

[lifaon74]

Your welcome. I’ll close this issue. If you have any question you can re-open it.