хотите переместить детали в раскрывающемся списке над родительским элементом div, чтобы полоса прокрутки не появлялась - PullRequest
0 голосов
/ 03 мая 2019

Пользовательский выпадающий список был разработан с использованием начальной загрузки в Accordion.Проблема в том, что раскрывающийся список отображается с полосой прокрутки (см. Скриншот ниже).Это не ожидаемое поведение раскрывающегося списка.Я хочу переместить детали раскрывающегося списка в родительский элемент div, чтобы полоса прокрутки не появлялась.
Снимок экрана
enter image description here

<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>

Пожалуйста, помогите.

...