moroshko/react-autosuggest

react-autosuggest problems as 'in-place' editor in a react-bootstrap-table

Open

#315 aperta il 19 gen 2017

Vedi su GitHub
 (2 commenti) (0 reazioni) (0 assegnatari)JavaScript (637 fork)batch import
help wanted

Metriche repository

Star
 (5936 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

I'm trying to use react-autosuggest as an 'in-place' editor to edit cell values in a 'react-bootstrap-table' but having trouble to get it to work as expected. Clicking in the cell, the autosuggest input appears in the cell showing the placeholder text. When starting to type, the suggest list seems to appear with the 'filtered-down' content, but is clipped at the cell border, apparently. I created a pen to illustrate the behaviour:

http://codepen.io/neophob/pen/bggVBQ

Is there a possibility to get this working and the 'drop-down' to appear above the table-contents?

Thanks & greetings, Bernd Rode

Guida contributor

Direzione di ricerca
Indaga sul problema di ritaglio CSS. Controlla l'esempio codepen fornito nell'issue per riprodurlo. Esamina lo stile del contenitore dei suggerimenti del componente react autosuggest. Considera di sovrascrivere lo z index o di utilizzare la prop `theme` per impostare uno z index più alto sulla lista dei suggerimenti. In alternativa, verifica se la libreria supporta il rendering dei suggerimenti in un portal per evitare il ritaglio all'interno della cella della tabella. Rivedi i commenti esistenti per le potenziali soluzioni menzionate dai maintainer.
Tech stack
javascriptreactcss
Dominio
frontend
Tipo issue
Bug
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
ReactCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75