Angular UI下拉問題

Question

在firefox中，UI Bootstrap的下拉菜單不會讓我點擊子元素，也就是說，它顯示下拉菜單，但它似乎在背景中最後一層，我的點擊不會到達它的圖層，我試着在ul，li等上使用z-index，但這不起作用。

此外，我沒有在Chrome中的這個問題，代碼在那裏按預期工作。

     <div id="myDropdownMenu" > 
          <button uib-dropdown uib-dropdown-toggle class="btn btn-default menu-btn" title="Menu"> 
           <ul uib-dropdown-menu> 
            <li role="menuitem" ng-repeat="menuitem in vm.dropdownmenu" ng-click="vm.onDropdownMenuClick(menuitem.value)"> 
             <span class="dropdown-item">{{menuitem.label}}</span> 
            </li> 
           </ul> 
           <span class="glyphicon glyphicon-menu-hamburger" style="font-size: 32px;"></span> 
          </button> 
         </div> 

Answer 1

我有固定，通過使用UIB-下拉的下拉-追加到身體

下拉-追加到體B（默認值：false） - 追加內dropdown-菜單添加到body元素。

現在正確的代碼如下所示：

<div id="myDropdownMenu" uib-dropdown dropdown-append-to-body> 
          <button class="btn btn-default menu-btn" uib-dropdown-toggle title="Меню"> 

           <ul uib-dropdown-menu> 
            <li role="menuitem" ng-repeat="menuitem in vm.dropdownmenu" ng-click="vm.onDropdownMenuClick(menuitem.value)"> 
             <span class="dropdown-item">{{menuitem.label}}</span> 
            </li> 
           </ul> 
           <span class="glyphicon glyphicon-menu-hamburger" style="font-size: 32px;"></span> 

          </button> 
         </div> 

正如我在documentation閱讀，此選項將內部下拉菜單添加到身上，我看到它，如果沒有這個參數的下拉列表菜單漂浮在某處，與創建它的圖層沒有任何關係。

如果有人可以說爲什麼這個設置存在以及什麼時候不使用它會有好處。