moroshko/react-autosuggest

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

Open

#315 aberto em 19 de jan. de 2017

Ver no GitHub
 (2 comments) (0 reactions) (0 assignees)JavaScript (637 forks)batch import
help wanted

Métricas do repositório

Stars
 (5.936 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

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

Guia do colaborador

Direção de pesquisa
Investigue o problema de recorte CSS. Verifique o exemplo do CodePen fornecido na issue para reproduzir. Examine o estilo do contêiner de sugestões do componente react autosuggest. Considere sobrescrever o z index ou usar a prop `theme` para definir um z index mais alto na lista de sugestões. Alternativamente, verifique se a biblioteca suporta renderizar sugestões em um portal para evitar recorte dentro da célula da tabela. Revise os comentários existentes para possíveis soluções mencionadas pelos mantenedores.
Pilha de tecnologia
javascriptreactcss
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75