отаю с выпадающим списком Bootstrap 4, и в нем около 18 выпадающих элементов. Поскольку высота слишком велика, popper.js автоматически перемещает раскрывающийся список из исходного положения в верхнюю часть экрана. Как мне предотвратить это? Я всегда хочу, чтобы выпадающий список появлялся прямо под кнопкой, которая его переключала. Спасибо

Публикация кода по запросу - (я использую C #, но код должен передать точку, на которую я надеюсь)

             <div class="dropdown">
                <span class="p-2 text-uppercase font-weight-semi-bold pointer dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    @topMenu.Name
                </span>
                <div class="dropdown-menu"  style="font-size:0.9rem" aria-labelledby="dropdownMenuButton">
                    @foreach (var subMenu in topMenu.SubMenu)
                    {
                        <a class="dropdown-item" href="@Url.Content("~/" + subMenu.Url)">@subMenu.Name</a>

                    }
                </div>
            </div>