手风琴内部UI引导日期选择器是不可见 [英] ui bootstrap datepicker inside an accordion is not visible

问题描述

我试图做一个模块与手风琴内的日期选择器。

问题是日期选择器弹出框不超过手风琴可见。

这里是表示问题的plunker：

http://plnkr.co/edit/jBqU0LXQFcUuzQLency2?p=$p$ PVIEW

这是我怎么可以使对话窗口出现在手风琴模块的任何想法？

修改：自举3，这是工作：

  .panel组.panel {
    溢出：继承;
}
 

解决方案

添加这个CSS的bootstrap.css链接后可​​以修复它​​。这将覆盖与该CSS 位置每个手风琴体。

 ＆LT;风格类型=文/ CSS＆GT;
    .collapse {
        位置：继承;
    }
＆LT; /风格＆GT;
 

I am trying to do a module with a datepicker inside an accordion.

problem is the datepicker popup box is not visible over the accordion.

here is a plunker showing the problem :

http://plnkr.co/edit/jBqU0LXQFcUuzQLency2?p=preview

any idea on how i could make the dialog window appear over the accordion module ?

edit: with bootstrap 3, this is working :

.panel-group .panel {
    overflow: inherit;
}

解决方案

Add this css after the bootstrap.css link can fix it. This will override the CSS relating to position for each accordion-body.

<style type="text/css">
    .collapse {
        position: inherit;
    }
</style>

这篇关于手风琴内部UI引导日期选择器是不可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！