diff --git a/src/elements/NodeResultLink/NodeResultLink.tsx b/src/elements/NodeResultLink/NodeResultLink.tsx index 7eefc91..1b444a7 100644 --- a/src/elements/NodeResultLink/NodeResultLink.tsx +++ b/src/elements/NodeResultLink/NodeResultLink.tsx @@ -3,7 +3,7 @@ import { css } from '../../util/taggedString' import { baact, createRef } from '../../../baact/baact' import { theme } from '../../theme' import { NodeResult } from 'axe-core' -import { isHidden, ownText, removeAllChildren } from '../../util/dom' +import { deepShadowQuerySelectorAll, isHidden, ownText, removeAllChildren } from '../../util/dom' import { baatSymbol } from '../../core/BAAT' import { BAATEvent, HighlightElement, SettingsChanged } from '../../types' import { Icon } from '..' @@ -80,7 +80,7 @@ export class NodeResultLink extends BaseHTMLElement implement update() { if (!this.shadowRoot || !this.isConnected) return let name = "" - this.element = this.result?.element ?? document.querySelector(this?.result?.target?.join(', ') ?? '') as HTMLElement | null + this.element = this.result?.element ?? deepShadowQuerySelectorAll(this?.result?.target?.join(', ') ?? '').pop() as HTMLElement | null let hasLink = this.element && !isHidden(this.element) const devMode = window[baatSymbol].getSetting(settingNames.developer) @@ -136,4 +136,4 @@ export class NodeResultLink extends BaseHTMLElement implement export const register = () => { if (!customElements.get(NodeResultLink.tagName)) customElements.define(NodeResultLink.tagName, NodeResultLink); -} \ No newline at end of file +} diff --git a/testing/index.html b/testing/index.html index c74eea9..95e9852 100644 --- a/testing/index.html +++ b/testing/index.html @@ -86,6 +86,11 @@

title

text4

wowowow

+

+ +

- \ No newline at end of file +