NumberInput handles big number in an unexpected way

[Benjaminsson]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.13.4

What package has an issue?

@mantine/core

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Chrome

Describe the bug

Big numbers 10_000_000_000_000 and above gets reset when incrementing it.

CleanShot.2024-10-25.at.14.09.29.mp4

I don't know if that is expected behaviour but it gets a little extra weird if you have a max amount. Then maybe it should default to the max amount?

CleanShot.2024-10-25.at.14.13.58.mp4

Not sure if this is related but the number -0 defaults to 0 while just a regular 0 defaults to what you defined in the min prop.

CleanShot.2024-10-25.at.14.29.51.mp4

If possible, include a link to a codesandbox with a minimal reproduction

https://codesandbox.io/p/sandbox/focused-dawn-zrsz64

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue

[Kenzo-Wada]

I think this is a issue of react-number-format

[rtivital]

I've implemented a fix for this in the next patch. The issue is that numbers larger than Number.MAX_SAFE_INTEGER cannot be correctly incremented/decremented with the standard js operators (-/+). It would require a lot of code and possibly a third-party library to support this feature, so currently it is not planned to be implemented. Instead, starting from the next patch 7.14.1, increment/decrement controls will be hidden when the value cannot be safely incremented/decremented.

[rtivital]

Fixed in 7.14.1