angular-ui/ui-grid

Dropdown cell template is now shown

Open

#3,020 opened on Mar 15, 2015

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

Description

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?

Contributor guide

Tech stack
javascriptcsshtml
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
CSS overflow basicsAngularJS directive basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
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.
Dropdown cell template is now shown · angular-ui/ui-grid#3020 | Good First Issue