Typeahead 3内div overflow-x

Question

私はoverflow-xが 'auto'に設定された 'table-responsive'クラスのdivを持っています。

このdivの内部には先読みのある入力テキストがあります。私が結果を前向きに返すことを発見したとき、divの中にいます。どうすれば終了できますか？

ここに私のコード：ここで

<div class="table-responsive"> 
    <fieldset> 
     <legend>Righe</legend> 
     <table id="dettaglioDocumento" class="table table-condensed table-fixed" cellspacing="0" width="100%"> 
     <col width="50px"> 
     <col width="350px"> 
      <thead> 
       <tr> 
        <td></td> 
        <td><label class="align-table">Descrizione</label></td> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td><img src="<?= $root; ?>/assets/img/details_close.png" class="link removeRow"></td> 
        <td> 
         <input name="txtDescrizione[]" data-target=".container-fluid" class="form-control selectDescrizione" data-provide="typeahead" autocomplete="off" name="txtDescrizione_0" type="text" placeholder="" value=""> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </fieldset> 
</div> 

JSコード：

$('.selectDescrizione').typeahead({ 
     minLength: 3, 
     items: 5, 
     delay: 400, 
     source: function (query, response) { 
      $.ajax({ 
       url: '<?= $root; ?>/get_listino', 
       dataType: "json", 
       type: 'POST', 
       data: { 
        query: query 
       }, 
       success: function (data) { 
        return response(data.listino); 
       } 
      }); 
     }, 
     displayText: function (item) { 
      return item.testo; 
     } 
    }); 

ここでPIC：

UPDATE JSFiddle code

Answer 1

• 絶対位置要素は、実際 相対親、またはそれが 位置決めを適用する相対的コンテキストを見つけるまで、それは はDOMを気泡意味最寄り見出さ相対親に関して位置決めされます。ブラウザのウィンドウで
• には相対的な親は、それがその後、可能な限り最高の « container »に達するだろう見つからない場合は、viewport（または多分ドキュメント、またはウィンドウ別名...？ねえ、あなたは私はありません何を、知っている W3Cの熟練者！）。

今、あなたは自分の場合は相対的要素

への静的な位置を設定する必要があります。

.dataTables_wrapper { 
    position: static; 
    clear: both; 
    zoom: 1; 
} 

Updated fiddle

Source