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

Linux vanilla kernel on QEMU and networking with eth0 -

rdbms - what exactly the undo information lives in oracle? -

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