fix: Resolve issue with shadow DOM

Jentob · Jentob · commit d43ce003c45e · 2025-03-11T16:14:24.000+01:00
Router should now be able to find &lt;a&gt; tags within open shadow DOMs.
diff --git a/src/router.js b/src/router.js
@@ -16,7 +16,8 @@ const UPDATE = (state, url) => {
 			return state;
 		}
 
-		const link = url.target.closest('a[href]'),
+		const elements = url.composedPath();
+		const link = elements.find(el => el.tagName?.toLowerCase() === 'a' && el.href),
 			href = link && link.getAttribute('href');
 		if (
 			!link ||

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,8 @@ const UPDATE = (state, url) => {`
`16`	`16`	`return state;`
`17`	`17`	`}`
`18`	`18`
`19`		`- const link = url.target.closest('a[href]'),`
	`19`	`+ const elements = url.composedPath();`
	`20`	`+ const link = elements.find(el => el.tagName?.toLowerCase() === 'a' && el.href),`
`20`	`21`	`href = link && link.getAttribute('href');`
`21`	`22`	`if (`
`22`	`23`	`!link \|\|`