[Tabs] not working correctly with `react-router-dom`

Bug report

Current Behavior

When content is long and you scroll down a bit, navigating to other route/tab with TabTrigger with react router-dom Link doesn’t change its route.

Here’s a video of showing it: https://streamable.com/vrw0hg

Expected behavior

When content is long and you scroll down a bit, navigating to other route/tab with TabTrigger with react router-dom Link should change its route.

Reproducible example

Repro

Your environment

Software	Name(s)	Version
Radix Package(s)	Tabs	0.1.4
React	n/a	17.0.2
Browser	Chrome	97.0.4692.99
Assistive tech
Node	n/a
npm/yarn
Operating System

[jjenzz]

@johnopleda ah, that is the same issue. The tab content is updating on pointer down so your mouse is not over the tab anymore when you release your pointer and click never fires on the Link to change the url.

It seems the best solution would be to control it. Here’s a more declarative way of controlling that just dawned on me and wouldn’t mean a reliance on implementation detail remaining stable https://codesandbox.io/s/zen-frog-88tv3?file=/src/App.js

[jjenzz]

I really don’t know the answer tbh. I thought the same as you initially but then i found the youtube example which uses role=tab and it muddied the waters.

what if you have tabs in your app that aren’t app navigation (so no aria-current) and then the boss asks for them to have permalink functionality for sharing? i’ve had this exact use-case before on a previous app where app state was in URL.