angular-ui/ui-grid

Dropdown overlapping on grid rows

Open

#6.037 aberto em 23 de fev. de 2017

Ver no GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (2.496 forks)batch import
help wantedneeds: analysis

Métricas do repositório

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

Description

I am using dropdowns in my grid and after upgrading to the latest ui grid 4.0.2 I notice there is an issue with my dropdowns. When a row is not originally visible and needs to be scrolled to see, the dropdown opened on that row will get shown behind the row below it.

Also another issue with this is if you open a dropdown, don't close it and scroll, the dropdown will follow you.

Here is a plunk of the issue: http://plnkr.co/edit/qp5ujopzr0bvq73fPkZL?p=preview

Guia do colaborador

Direção de pesquisa
Investigue o contexto de empilhamento CSS z index do menu suspenso e das linhas da grade. O problema mostra o menu suspenso aparecendo atrás das linhas quando não estava originalmente visível, e o menu suspenso seguindo a rolagem. Provavelmente é um problema de posicionamento CSS ou de overflow. Verifique o link do plunkr para reprodução e examine os estilos do contêiner de linhas da grade e do menu suspenso. Uma correção potencial é garantir que o menu suspenso tenha um z index maior que o das linhas da grade e seja posicionado em relação à viewport ou a um contêiner rolável. Além disso, considere lidar com eventos de rolagem para fechar ou reposicionar o menu suspenso.
Pilha de tecnologia
javascript
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
GitCSSJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65