angular-ui/ui-grid

Dropdown cell template is now shown

Open

#3,020 opened on 2015年3月15日

GitHub で見る
 (17 comments) (0 reactions) (1 assignee)JavaScript (5,395 stars) (2,496 forks)batch import
good first issuetype: bug

説明

Hi,

Similar problem was discussed here: https://github.com/angular-ui/ng-grid/issues/666 But it's old. Now,

When I have a bootstrap bropdown button in a cell template, it is now shown. I created CSS (actually less) for it:

.ui-grid-cell.showMe {
    overflow: visible;

    .ui-grid-cell-contents {
        overflow: visible;
    }
}

and then user showMe as cellClass. The result:

uigrid1

It seems working BUT, still there is a problem with table overflow:

uigrid2

When it overflows from table, it's now shown. How we can solve the problem?

コントリビューターガイド

技術スタック
javascriptcsshtml
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
CSS overflow basicsAngularJS directive basics
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60
調査方針
Investigate CSS overflow behavior on the grid cell container. The issue describes a workaround using custom CSS class 'showMe' with overflow: visible. The main problem is that the dropdown is clipped by the parent element's overflow: hidden. Look at ui grid CSS files (e.g., 'ui grid.css') for overflow properties. Check the AngularJS directive for cell template rendering to see if a per cell overflow configuration can be added. The issue's discussion and linked PR #666 may provide additional context.