可滚动下拉菜单不适用于移动设备

Question

下拉菜单不允许我在移动设备上滚动或 select 选项。它在桌面上工作正常，如果我在 chrome 浏览器中模拟移动它仍然可以工作，但是在 android 设备上测试时，当输入 selected 时，下拉菜单将出现，并且它显示了一个滚动条，但不会让我 select 任何东西或滚动选项。

<div class="scrollable-dropdown-menu">
  <input id="${tableId}-mobile-securityGroups" href=""  type="search" placeholder="A Group"  data-toggle="dropdown" class="form-control typeahead m-b-0 " aria-expanded="false" value="" required>
  <input style="display: none;" id='${tableId}-securityGroupId-mobile' name='securityGroupId'>
</div>

@media (max-width: 500px) {

    .scrollable-dropdown-menu > span > div.tt-menu 
    {
        max-height: 100px;
        overflow-y: scroll;
    }
}

Answer 1

在移动设备上使用 bootstrap，打开下拉菜单会添加一个 .dropdown-backdrop 作为点击区域，以便在菜单外点击时关闭下拉菜单。 z-index 是 dropdown-backdrop div 的 990，将其放在我的下拉菜单

前面

可滚动下拉菜单不适用于移动设备

Scrollable dropdown does not work on mobile

javascript

html

css

twitter-typeahead