palantir/blueprint

MultiSelect2 add item on blur

Open

#5683 opened on Oct 19, 2022

View on GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: selectType: feature requesthelp wanted

Description

Environment

  • Package version(s): not relevant
  • Browser and OS versions: not relevant

Feature request

Support for adding item on blur.

TagInput supports addOnBlur and addOnPaste MultiSelect2 (which wraps TagInput) only supports receiving callback on onItemsPaste but ignores input blurs.

Examples

<MultiSelect2
  ...nonrelevantprops
  tagInputProps={{
    addOnPaste: true,
    addOnBlur: true,
  }}
  onItemsPaste={handleItemsPaste}
  onItemsBlur={} <---------------------------------- !! missing !!
/>

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Familiarity with React componentsUnderstanding of props and callbacks
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90
Research direction
Locate the MultiSelect2 component source file in the Blueprint repository. Find how the TagInput's onItemsPaste prop is wired; replicate the pattern to add an onItemsBlur prop on MultiSelect2 that triggers when the component loses focus and a new item should be added. Ensure the new prop is properly typed and documented. No existing PRs or comments indicate current work.