Z-Index problem with dropdown menu

[cmlenz]

We are using a layout that has a table-like list of items, each containing a ui-select field. The items in this list need to be relatively positioned, and they need a z-index. This layout causes the ui-select dropdown menu to be rendered below the subsequent items in the list.

I have created a minimal example for this problem here:

http://plnkr.co/2K8HuGAJ8EzJWlDaQJSh

As far as I'm aware, this is not a problem that ui-select itself can fix. However, we do need a way to handle this situation ourselves in our application, by increasing the z-index of the item with an open ui-select dropdown menu.

My first thought would be to add on-open and on-close events to the ui-select directive. Is that something that would be accepted (I can create a PR)? Or is there a better way to achieve what we need that I'm overlooking?

Thanks!

[cmlenz]

After some more research this issue would be addressed by adding an append-to-body option as suggested in #41.