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

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -