angular-ui/ui-grid

Dropdown overlapping on grid rows

Open

#6,037 建立於 2017年2月23日

在 GitHub 查看
 (4 留言) (0 反應) (0 負責人)JavaScript (2,496 fork)batch import
help wantedneeds: analysis

倉庫指標

Star
 (5,395 star)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

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

貢獻者指南

研究方向
調查下拉選單和網格列的 CSS z index 堆疊上下文。此問題顯示，原本不可見的下拉選單出現在列後面，並且下拉選單跟隨捲動。這很可能是一個 CSS 定位或溢位問題。請查看 plunkr 連結以重現問題，並檢查網格的列容器和下拉選單的樣式。一個潛在的修復方法是確保下拉選單的 z index 高於網格列，並且相對於視埠或可捲動容器進行定位。此外，考慮處理捲動事件以關閉或重新定位下拉選單。
技術棧
javascript
領域
frontend
議題類型
錯誤
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 小時
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
GitCSSJavaScript
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
65