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

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

表单有一个日期选择器小部件（bsDatePicker.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;
}

.报告科{
溢出y：自动；
高度：450px；
右边填充：10px；
}