twbs / bootstrap / 28694022821

94%

main: 96%

push

github

OTP: fix click-to-focus and overwrite-on-retype (#42524)

* OtpInput: fix click-to-focus and overwrite-on-retype

The single-input rewrite left two interaction gaps: clicking a slot
didn't position the caret there (slots had pointer-events: none and
focus always jumped to the end), and retyping inserted instead of
overwriting, so preceding digits shifted along.

Keep the single accessible input but make its interaction faithful to
the input-otp model:

- Represent the active slot as a selection range so the next keystroke
  overwrites a filled slot or appends to an empty one
- Intercept single-char typing and backspace via beforeinput for
  overwrite semantics; paste/autofill/IME still flow through input
- Make slots clickable (pointerdown) to position the caret, clamped to
  the first empty slot
- Land focus on the first empty slot instead of the end; track the caret
  with a document selectionchange listener

* bump bundlewatch

* OTP: focus the input natively on tap to fix iPadOS keyboard dismiss

The slots overlaid the input with pointer-events: none and the JS called
input.focus() programmatically after preventDefault()-ing the tap. On
iPadOS that raises the on-screen keyboard then dismisses it instantly,
because the keyboard must be raised by a genuine, un-prevented gesture on
the input itself.

Let the input receive taps (pointer-events: auto) so focus — and the
keyboard — come from the native gesture. Map the tap's x-coordinate to a
slot and set the caret in the focus handler once focus settles; when
already focused, reposition immediately (preventDefault is safe then).

Reported on iPadOS 26/27 by @coliff.

* Bump bundlewatch

* OtpInput: cover tap-to-focus, beforeinput, and caret behavior

Adds unit tests for the native tap-to-focus (iPadOS keyboard) fix,
beforeinput overwrite/backspace/append semantics, tap clamping, paste
caret placement, selectionchange sync, the public focus() method, and
beforeinput listener cleanup on dispose. Brings b... (continued)

1096 of 1230 branches covered (89.11%)

Branch coverage included in aggregate %.

72 of 74 new or added lines in 1 file covered. (97.3%)

3085 of 3210 relevant lines covered (96.11%)

202.95 hits per line