[number field] Fix click handlers on ScrubArea

[mj12albert]

Preview: https://stackblitz.com/edit/y7g8yeat?file=src%2FApp.tsx

Fixes #2761

• I have followed (at least) the PR section of the contributing guide.

[pkg-pr-new]

• base-ui-tanstack-start

• vite-css-base-ui-example

  pnpm add https://pkg.pr.new/mui/base-ui/@base-ui/react@3827
  

  pnpm add https://pkg.pr.new/mui/base-ui/@base-ui/utils@3827
  

commit: 0072d02

[mui-bot]

Bundle size report

Bundle	Parsed size	Gzip size
@base-ui/react	🔺+227B(+0.05%)	🔺+54B(+0.04%)

Details of bundle changes

---

Check out the code infra dashboard for more information about this PR.

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	c13ea0b
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/6972477dbd7c4f0008a31060
😎 Deploy Preview	https://deploy-preview-3827--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	a433fdc
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/69724796b1344e0008b386bd
😎 Deploy Preview	https://deploy-preview-3827--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	0072d02
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/697afc349a17850008233f0f
😎 Deploy Preview	https://deploy-preview-3827--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[greptile-apps]

Greptile Summary

Fixes onClick handlers on NumberFieldScrubArea and its children by manually dispatching click events when pointer movement doesn't occur. The fix addresses issue #2761 where event.preventDefault() on pointerdown was preventing browser click events.

• Tracks pointer movement with didMoveRef to distinguish clicks from scrubs
• Stores original target with pointerDownTargetRef to dispatch click to correct element
• Manually dispatches synthetic click event when pointer up occurs without movement
• Adds test coverage for both direct clicks and clicks on child elements

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• The implementation is clean and follows standard patterns for handling prevented default behavior. The fix properly tracks state with refs, correctly dispatches synthetic events, and includes comprehensive test coverage for both the direct and child element click scenarios.
• No files require special attention

Important Files Changed

Filename	Overview
packages/react/src/number-field/scrub-area/NumberFieldScrubArea.tsx	Added click event restoration by tracking pointer movement and manually dispatching clicks when no scrubbing occurs
packages/react/src/number-field/scrub-area/NumberFieldScrubArea.test.tsx	Added comprehensive test coverage for onClick handlers on ScrubArea and child elements

[michaldudak]

It might be better to call userEvent.click to simulate all the events associated with a click to make it more life-like.

[mj12albert]

Updated~