fix(number-input): spinner getting stuck in useNumberInput button props

[xotea]

Closes #4646

📝 Description

Using useNumberInput and setting a min and/or max value and a chakra <Button /> with getIncrementButtonProps or getDecrementButtonProps the spinner gets stuck if you reach the limit and move the mouse off the now disabled button while still holding left click in latest Chromium-based browsers. In Firefox it's fine.

🚀 New behavior

Adding an onPointerLeave event handler to the existing ones seems to fix the problem. This was also recommended in this React issue as a solution.

The onPointerUp handler is also needed if the mouse doesn't leave the button while editing the input field value.

💣 Is this a breaking change (Yes/No):

No

[changeset-bot]

⚠️ No Changeset found

Latest commit: 4b898d7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

chakra-ui – ./

🔍 Inspect: https://vercel.com/chakra-ui/chakra-ui/FZvyqPZ9rqud1gNewMtyJQ4s9RoM
✅ Preview: https://chakra-ui-git-fork-xotea-fix-number-input-spinner-chakra-ui.vercel.app

chakra-ui-storybook – ./

🔍 Inspect: https://vercel.com/chakra-ui/chakra-ui-storybook/9EC34SnYUrinNFMrACv9UxHiQGxU
✅ Preview: https://chakra-ui-storybook-git-fork-xotea-fix-number-05587f-chakra-ui.vercel.app

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 4b898d7:

Sandbox	Source
create-react-app-ts	Configuration
use-number-input-bug	Issue #4646

[segunadebayo]

Thanks for working on this @xotea.

I took some ideas from your PR and merged them into a single PR to address multiple number-input issues

See #4982