data-enhance-nav=false is ignored on <svg> elements

[SteveSandersonMS]

Inside NavigationEnhancement.ts, the logic that decides whether to bypass enhanced nav based on the element clicked looks like:

  if (event.target instanceof HTMLElement && !enhancedNavigationIsEnabledForElement(event.target)) {
    return;
  }

It should say Element instead of HTMLElement, because HTMLElement excludes SVGElement. There is no reason why SVG elements should behave differently from HTML elements in this regard.

[ghost]

Thanks for contacting us.

We're moving this issue to the .NET 9 Planning milestone for future evaluation / consideration. We would like to keep this around to collect more feedback, which can help us with prioritizing this work. We will re-evaluate this issue, during our next planning meeting(s).
If we later determine, that the issue has no community involvement, or it's very rare and low-impact issue, we will close it - so that the team can focus on more important and high impact issues.
To learn more about what to expect next and how this issue will be handled you can read more about our triage process here.

[surayya-MS]

Couldn't repro this bug because of #51705
When I fixed that one this one reproed

[SteveSandersonMS]

@surayya-MS I don't think this is the same as (or blocked by) #51705

The repro is a scenario like the following. Sorry I should have specified it in the original report.

<a href="something" data-enhance-nav="false">
    <svg width="100" height="100">
        <rect width="100" height="100" style="fill:rgb(0,0,255);" />
    </svg>
</a>

Expected: If you click on the SVG, it should do regular (non-enhanced) nav because of data-enhance-nav="false"
Actual: It will ignore data-enhance-nav="false" and do enhanced nav anyway

[surayya-MS]

This reproed. I'll add this test case