angular-ui/ui-grid

Dropdown overlapping on grid rows

Open

#6037 aperta il 23 feb 2017

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)JavaScript (2496 fork)batch import
help wantedneeds: analysis

Metriche repository

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

Descrizione

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

Guida contributor

Direzione di ricerca
Indaga il contesto di sovrapposizione CSS z index del menu a discesa e delle righe della griglia. Il problema mostra il menu a discesa che appare dietro le righe quando non era originariamente visibile e che segue lo scorrimento. Probabilmente è un problema di posizionamento CSS o di overflow. Controlla il link plunkr per la riproduzione ed esamina lo stile del contenitore delle righe della griglia e del menu a discesa. Una potenziale soluzione è assicurarsi che il menu a discesa abbia uno z index più alto delle righe della griglia e sia posizionato relativamente al viewport o a un contenitore scorrevole. Inoltre, considera di gestire gli eventi di scorrimento per chiudere o riposizionare il menu a discesa.
Tech stack
javascript
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
GitCSSJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65