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