单击滚动条时，bsDatepicker弹出窗口隐藏

Question

我有一个包含表格的固定高度部分。该部分有一个垂直自动滚动。

表单有一个日期选择器小部件（bsDatePicker angular-strap.js）

当我点击日期选择器时，弹出日历，因为截面高度，日历不显示，因为它被剪裁。表单部分显示垂直滚动条。

我尝试移动鼠标以单击滚动条以向下滚动页面以查看整个日历，但只要我点击滚动条，弹出窗口就会消失。

仅在IE，Firefox和Chrome中才能正常使用。 如果我使用鼠标滚轮，页面会正确滚动。

<div class="Reportsection" ng-show="selectedReport()">
<input width="250" type="text" ng-model="reportWidget.start.date"
            name="reportWidget.startDate"
            bs-datepicker
            data-date-format="{{dateFormat}}"
            data-max-date="{{reportWidget.end.date}}"
            placeholder="Choose a Date"
            data-autoclose="true"/>
</div>

.Reportsection{
    overflow-y: auto;
    height: 450px;
    padding-right: 10px;
}