элементы раскрывающегося меню отображаются частично при добавлении полосы прокрутки в раскрывающееся меню в начальной загрузке - PullRequest
Новая
       10

элементы раскрывающегося меню отображаются частично при добавлении полосы прокрутки в раскрывающееся меню в начальной загрузке

0 голосов
/ 10 февраля 2019

при добавлении полосы прокрутки в выпадающее меню, в котором есть раскрывающееся подменю;элементы в раскрывающемся подменю, показанные частично внутри выпадающего меню.

HTML: 

    <div class="container">
    <div class="row">
        <div class="span12">
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    Scrollable Menu <span class="caret"></span>
                </button>
                <ul class="dropdown-menu scrollable-menu" role="menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li class="dropdown-submenu"><a href="#">Something else</a><ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                    </ul>
                    </li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

CSS: 

.scrollable-menu {
height: auto;
max-height: 200px;
overflow-x: hidden;}

PS Я использую Bootstrap 2.3.2

Буду благодарен, если кто-нибудь мне поможет.

Спасибо.

...