palantir/blueprint

Disable/Not show remove button on Tag on specific elements - Multiselect

Open

#4,605 opened on Mar 24, 2021

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

Description

Environment

  • Package version(s): 3.15.8
  • Browser and OS versions: Chrome, Windows 10

Question

How do I disable/not show the remove icon on a specific tag in MultiSelect? I tried the "itemDisabled" prop but that doesnt work. In the below example, Shawshank Redemption should not be removed at all under any circumstances. Please advice.

This is my code:

https://codesandbox.io/s/magical-nash-q7c0g?file=/src/App.tsx

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.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
needs maintainer response
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
ReactTypeScriptBlueprint MultiSelect component
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
The issue requests the ability to disable or hide the remove button on specific tags in the MultiSelect component. The user tried the existing `itemDisabled` prop but it didn't affect the remove button. The solution likely involves adding a new prop (e.g., `tagRemoveDisabled`) or extending the tag rendering to conditionally show the remove icon based on a per item property. Relevant files to examine include the MultiSelect component source code in the Blueprint repository, likely under `packages/select/src/components/multi select/`. The existing implementation and the `itemDisabled` prop should be reviewed. There are 2 comments on the issue that may provide additional context, but no linked PRs. A maintainer should clarify the desired API and design before implementing.
Disable/Not show remove button on Tag on specific elements - Multiselect · palantir/blueprint#4605 | Good First Issue