angular-ui/ui-grid

Dropdown overlapping on grid rows

Open

#6 037 ouverte le 23 févr. 2017

Voir sur GitHub
 (4 commentaires) (0 réactions) (0 assignés)JavaScript (2 496 forks)batch import
help wantedneeds: analysis

Métriques du dépôt

Stars
 (5 395 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

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

Guide contributeur

Direction de recherche
Étudiez le contexte d'empilement CSS z index du menu déroulant et des lignes de la grille. Le problème montre que le menu déroulant apparaît derrière les lignes lorsqu'il n'était pas initialement visible, et que le menu déroulant suit le défilement. Il s'agit probablement d'un problème de positionnement CSS ou de débordement. Consultez le lien plunkr pour la reproduction et examinez les styles du conteneur de lignes de la grille et du menu déroulant. Une correction potentielle consiste à s'assurer que le menu déroulant a un z index plus élevé que les lignes de la grille et qu'il est positionné par rapport à la fenêtre d'affichage ou à un conteneur défilable. Envisagez également de gérer les événements de défilement pour fermer ou repositionner le menu déroulant.
Stack technique
javascript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitCSSJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65