onBlur isn't happening on the inputs inside Tabs.Content in React

[bekharsky]

Bug report

Current Behavior

onBlur event isn't firing on the input field inside TabsContent on Tabs switch in React

Expected behavior

onBlur event fires on Tabs switch

Reproducible example

https://codesandbox.io/p/sandbox/mn2g6f

Suggested solution

Currently, Primitive.button inside Tabs.Trigger listens to onMouseDown event to switch tabs, which is happening before onBlur (stands true for Chrome, Safari and Firefox). Changing this to onClick solves the issue.

Additional context

Screen.Recording.2025-06-19.at.19.13.44.mov

Your environment

Software	Name(s)	Version
Radix Package(s)	primitives	latest master
React	n/a	19.1.0
Browser	Chrome	137.0.7151.56
Assistive tech
Node	n/a	v22.16.0
npm/yarn/pnpm	pnpm	10.2.0
Operating System	macOS	15.5 (24F74)