Angular UI Bootstrap time & date pickers popus 显示在输入下方

Question

picker问题已解决，但仍然不能与动画类一起工作
我遇到的问题与显示角带或UI引导时间&器。它显示在输入元素的下面，在表行下面，我不知道该怎么处理它了，尝试了各种z-index, position, display css，但没有运气。

下面是它的图像:

图片:https://i.stack.imgur.com/FA7o8.png (url抱歉，信誉太低，不能在这里发布)

我没有自定义类会影响它，使用bootstrap。

我的css的输入覆盖bootstrap的css，但没有区别，如果我注释它。

#content select, input, label, textarea, input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
max-width: 99% !important;
width: 99% ;
line-height:normal !important;
}
input.input-normal {
max-width: auto !important;
width: auto;
height: auto;
line-height:inherit !important;
}

欢迎指教。

编辑:

当我在表格行上移除ngAnimate的支持类时，问题消失了。下面的CSS就是这样做的:

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

Answer 1

这是一个相对/绝对位置的问题。

最好的解决办法是改变它被触发的容器。在定义元素的html标签中尝试这样做:

container="body"

这应该确保它在其他所有内容之上。除了body，你也可以使用其他元素，但除非你是在一个模态