Пользовательский выпадающий список был разработан с использованием начальной загрузки в Accordion.Проблема в том, что раскрывающийся список отображается с полосой прокрутки (см. Скриншот ниже).Это не ожидаемое поведение раскрывающегося списка.Я хочу переместить детали раскрывающегося списка в родительский элемент div, чтобы полоса прокрутки не появлялась.
Снимок экрана
<div class="panel-group" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<div class="container-fluid">
<div class="row">
<a role="button" data-toggle="collapse" href="#cust_doc1739e48c-36ac-479c-9421-fbb616bce054">
<div class="col-md-6 col-sm-6 col-xs-5">
<h4 class="panel-title">
<span>Credentials</span>
</h4>
</div>
</a>
</div>
</div>
</div>
<div id="cust_doc1739e48c-36ac-479c-9421-fbb616bce054" data-datatype="3" class="panel-collapse in" role="tabpanel" aria-labelledby="custdoc_doc" style="height: auto; overflow: auto;">
<div id="DocOfFolder-1739e48c-36ac-479c-9421-fbb616bce054">
<div class="panel-body">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-4">
Sample
</div>
<div style="float:right">
<span style="display: inline-block;padding-right:10px;">
<div class="input-group-btn open" style="display: inline-block;">
<span class="text-center dropdown-toggle" style="display: inline-block;width: 15px;margin-right: 10px;" data-toggle="dropdown">
<img src="/images/addFolder/info_icon.png" width="16" class="cursor-pointer">
</span>
<ul class="dropdown-menu" style="z-index:1" role="menu">
<li>
<a href="#">
<span>03/06/2018</span>
<span> - </span>
<span>03/15/2018</span>
</a>
</li>
<li>
<a href="#">
Expired
</a>
</li>
</ul>
</div>
</span>
</div>
</div>
<div style="height:50px">
</div>
</div>
</div>
</div>
</div>
Пожалуйста, помогите.