palantir/blueprint

NumericInput - prevent exceeding min or max when typing or pasting values

Open

#2,071 opened on 2018年2月2日

GitHub で見る
 (2 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
Package: coreType: enhancementhelp wanted

説明

Current NumericInput implementation caps properly at bounds when using the mouse, but when one types or pastes a value, the input should prevent typing a value exceeding the limits, it currently does not and users can type garbage.

One way to prevent this is, until a solution appears, is to check again the bounds in the onValueChange event, but is redundant.

コントリビューターガイド

技術スタック
typescriptreacthtmlcss
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
React state handlingNumericInput component APIinput event handlingbounds validation
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70
調査方針
Examine the NumericInput component's onValueChange event handler in the Blueprint source code (likely in packages/core/src/components/forms/numericInput*.ts). The existing implementation enforces min/max bounds for mouse interactions; replicate that logic for typed/pasted input. Ensure validation occurs before updating state, preventing values outside the range. Check for any existing onBlur validation that might duplicate this effort.