NumberField backspace gets stuck mid-unit when using style: 'unit' format options

[JeroenVanC]

Using NumberField (reka-ui 2.10.1) with:

:format-options="{
style: 'unit',
unit: 'minute',
unitDisplay: 'short',
}"

When the input shows "13 min" and you press Backspace repeatedly, it stops at "13 mi" — deleting the i would produce "13 m", which NumberParser.isValidPartialNumber rejects, so @beforeinput in NumberFieldInput.vue calls preventDefault() and the keystroke is silently swallowed. There's no way to backspace through the unit suffix one character at a time.

Selecting all and deleting does work (the resulting empty string passes validation), so this seems specific to incremental backspacing through the unit literal.

Is there a recommended workaround, or is this considered a bug in the partial-validation logic for unit-formatted values?

[ImMortaL0P]

This is a confirmed bug, and it's already fixed — just not released yet. Root cause matches exactly what you described: on a collapsed backspace deletion, the @beforeinput handler in NumberFieldInput.vue builds nextValue from the current input text (since a deletion event carries no event.data), so at "13 mi" that reconstructed value fails NumberParser.isValidPartialNumber and the keystroke gets preventDefault()'d — the value can never shrink past that point one character at a time.

Fixed in #2851 (merged 2026-08-07, linked to #2850): the beforeinput handler now skips validation entirely for delete*/history* input types, since validating the pre-delete text is meaningless anyway — applyInputValue reformats or clears whatever's left on blur.

Status: merged to main, but not in a release yet — latest published version is still v2.10.1 (2026-06-26), before this fix landed. You'll need to wait for the next release, or pull directly from main if you need it sooner.

One more thing worth knowing from the PR discussion: react-aria (which this handler was ported from) validates the real post-delete value instead of skipping validation, so it stops one keystroke earlier (at "13 min", deleting the space) — and that's been an open, unresolved report there since 2022 (adobe/react-spectrum#2806). reka-ui deliberately diverged from react-aria's behavior here rather than inheriting the same limitation.