fix(web-components): prevent double tab open on Ctrl+click in BaseAnchor

[zoherghadyali]

Bug

Ctrl+clicking (or Cmd+clicking on Mac) a component that extends BaseAnchor — such as <fluent-link> or <fluent-anchor-button> — opens two tabs instead of one.

Root Cause

BaseAnchor.clickHandler calls handleNavigation(true) which invokes window.open(href, '_blank'), but does not call e.preventDefault(). The proxy <a> element (positioned with position: absolute; inset: 0 over the component) also receives the native Ctrl+click, causing the browser to open a second tab via its built-in modifier-click behavior.

On Ctrl+click, two navigations fire:

Step	What happens	Result
1	Click lands on the proxy <a href="...">	Browser natively opens tab #1
2	Click bubbles to clickHandler, which calls window.open	Programmatically opens tab #2

Fix

Call e.preventDefault() in clickHandler when the modifier key is held (ctrlKey on Windows/Linux, metaKey on Mac), before calling handleNavigation(). This lets the component handle new-tab navigation exclusively and prevents the native duplicate.

Changed File

• packages/web-components/src/anchor-button/anchor-button.base.ts — added e.preventDefault() guard in clickHandler

Testing

• Verified in Microsoft Edge (Chromium) that Ctrl+click on <fluent-link> now opens exactly one tab
• Existing anchor-button.spec.ts Ctrl+click Playwright test should continue to pass (it waits for one new page via context.waitForEvent('page'))

[github-actions]

📊 Bundle size report

✅ No changes found

[github-actions]

Pull request demo site: URL

[zoherghadyali]

Hi @chrisdholt @radium-v @marchbox @davatron5000 — could you please review this fix? It addresses a bug where Ctrl+click (or Cmd+click on Mac) on anchor-based components (<fluent-anchor-button>, <fluent-link>) opens two tabs instead of one. The root cause is that clickHandler calls window.open() without e.preventDefault(), so both the programmatic window.open() and the native Ctrl+click on the proxy <a> element fire. The fix adds e.preventDefault() when opening in a new tab. Thank you!

[chrisdholt]

Thanks for this! Pulling it down to test/review locally