Cannot set z-index on Angular UI dropdown-menu inside ng-grid

Question

The problem is I cannot get dropdown menu to show on top of ng-grid. I've even tried manually setting the z-index property on every element via FireBug but still cannot get it to work.

I'm hoping someone with similar experience can help..

Here's Plunker sample

This is not possible by the way the parent elements are positioned. You might want to take a look at this. — Noah Wetjen
– Noah Wetjen, Commented Jun 18, 2014 at 22:59

mainguy · Accepted Answer · 2014-06-19 09:59:38Z

2

It kinda works if you set:

.ngViewport {
    overflow:visible;
}

in style.css. But it does not look very nice. May be take this forked plunker as a base for further experiments.

answered Jun 19, 2014 at 9:59

mainguy

8,3312 gold badges34 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ostati Over a year ago

Thanks mainguy. I tried that also but I'm not going go to forward with ng-grid as it has many flaws.. I'll work on it but not gonna use it for production code :(

Collectives™ on Stack Overflow

Cannot set z-index on Angular UI dropdown-menu inside ng-grid

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related