angular-ui/ui-grid

Dropdown overlapping on grid rows

Open

#6,037 opened on Feb 23, 2017

View on GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (2,496 forks)batch import
help wantedneeds: analysis

Repository metrics

Stars
 (5,395 stars)
PR merge metrics
 (No merged PRs in 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

Contributor guide

Research direction
Investigate CSS z index and overflow on grid rows and dropdown. Check how dropdown is appended in DOM (inside or outside grid) and ensure proper z index and positioning.
Tech stack
javascript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitCSSJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65