html - jquery chosen select plugin does not show drop down well when use overflow:hidden to outer div -
i trying show drop down box top of outer div outer div wraps drop down box?
normal html select works chosen-select not shows drop down well.....
demo fiddle : fiddle
$(function(){     $(".chosen-select").chosen(); })   html :
  <div style="height:150px;width:250px;overflow-y:auto;overflow-x:hidden;margin:20px;background: gray;">     <table>         <tbody>             <tr>                 <td>                     <select  style="width: 200px; ">                          <option value="0"></option>                          <option value="1">one</option>                          <option value="2">two</option>                          <option value="3">three</option>                     </select>                 </td>             </tr>            .            .        </tbody>    </table>   </div>      
this because chosen renders drop down divs , sub divs. make sure set overflow property of parent containers 'visible'.
the ordinary html select works here because of native html behavior
Comments
Post a Comment