Twitter的引導 - 下拉菜單 - 箭頭鍵不能在Firefox

要求Twitter的引導 - 下拉菜單 - 箭頭鍵不能在Firefox

工作輸入標籤我希望把用戶名和密碼領域的drowdown菜單內的登錄表單，我能做到這一點。一切運作良好，除了下面的問題，

問題

打字時我不能夠在火狐使用箭頭鍵（上/下），當輸入超出這個效果很好下沉代碼。這適用於其他瀏覽器，如谷歌瀏覽器。

火狐版本
引導版本：3.03
jQuery的1.10

問：

如何解決這個問題，有一個問題與jquery或twiter的js，因爲它運作良好時，我移動輸入下拉

小提琴

這裏外面是複製相同::: http://jsfiddle.net/santoshjoshi/WKU6M/3/

代碼小提琴：

<div id="navbar-example" class="navbar navbar-static"> 
    <div class="container" style="width: auto;"> 
     <div class="nav-collapse bs-js-navbar-collapse"> 
      <ul class="nav navbar-nav pull-left"> 
       <li id="sign-up-dropdown" class="dropdown closed noshow"> 
        <a href="#" id="drop4" role="button" class="dropdown-toggle" data-toggle="dropdown">Sign Up<b class="caret">&nbsp;</b></a> 
        <ul class="dropdown-menu" role="menu" aria-labelledby="drop3"> 
         <li role="presentation"> 
           <div class="login_dropdown platform-font-1"> 
            <form class="form-horizontal" action="login" method="POST"> 
             <div class="form-group"> 
              <div class="col-lg-10"> 
               <input type="text" class="form-control " id="email" name="email" placeholder="Email">&#160;</input> 
              </div> 
             </div> 
            </form> 
           </div> 
         </li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </div> 
</div> 
<!-- Arrow keys works with the below input but not the one inside drop down --> 
<input type="text" class="form-control " id="email1" name="email" placeholder="Email">&#160;</input>

來源

2013-12-22 Santosh Joshi

它看起來像在Firefox中的錯誤。我通常使用ALT +左箭頭或ALT +右箭頭在開頭或結尾移動，這些快捷鍵可以使用。 – LeBen

是否要使用上/下箭頭來選擇自動完成列表條目？ – ToniTornado

好的如果你想使用向上/向下箭頭來選擇一個自動完成列表條目，那麼我可以確認Chrome的這種不同的行爲。我可以證實A.沃爾夫的解決方案爲我解決了這個問題。 – ToniTornado

看起來像那種錯誤給我，但作爲一個簡單的修復，停止傳播onkeydown事件：

DEMO

$('#email').on('keydown',function(e){ 
    e.stopPropagation(); 
});

來源

2013-12-22 18:11:15

這是有效的，但唯一的問題是爲什麼自動建議/完整條目可以在dowpdown之外使用輸入，而不是在下拉菜單中使用輸入。這真的是一個與Firefox或Twitter的Bootstrap的錯誤 –

Twitter的引導 - 下拉菜單 - 箭頭鍵不能在Firefox

回答

相關問題