palantir/blueprint

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

Open

#4605 aperta il 24 mar 2021

Vedi su GitHub
 (2 commenti) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P2Package: selectType: feature requesthelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
La richiesta riguarda la possibilità di disabilitare o nascondere il pulsante di rimozione su tag specifici nel componente MultiSelect. L'utente ha provato la proprietà esistente `itemDisabled`, ma non ha influenzato il pulsante di rimozione. La soluzione probabilmente comporta l'aggiunta di una nuova proprietà (ad esempio `tagRemoveDisabled`) o l'estensione del rendering dei tag per mostrare condizionalmente l'icona di rimozione in base a una proprietà per elemento. I file rilevanti da esaminare includono il codice sorgente del componente MultiSelect nel repository Blueprint, probabilmente in `packages/select/src/components/multi select/`. L'implementazione esistente e la proprietà `itemDisabled` dovrebbero essere riviste. Ci sono 2 commenti sulla richiesta che potrebbero fornire ulteriore contesto, ma nessuna PR collegata. Un maintainer dovrebbe chiarire l'API e il design desiderati prima dell'implementazione.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75