EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: aswzen on March 11, 2015, 09:04:32 PM



Title: Easyui Panel hides chosen combo box list dropdown [CSS Conflict]
Post by: aswzen on March 11, 2015, 09:04:32 PM
I have some panel that contained a chosen dropdown (chosen.js / http://harvesthq.github.io/chosen/)
but if i have very long list that overlimit the height of panel, that panel will hide the list..
already tried to change the z-index, position, and overflow style but i have no result

here the fiddle  http://jsfiddle.net/aswzen/fh2qLx83/2/ (http://jsfiddle.net/aswzen/fh2qLx83/2/)
i need a suggestion  :-\

i have to change my dropdown to chosen.js because easyui combobox cannot solve my problem here.
http://www.jeasyui.com/forum/index.php?topic=3467

thank in advance


Title: Re: Easyui Panel hides chosen combo box list dropdown [CSS Conflict]
Post by: thecyberzone on March 11, 2015, 10:16:11 PM
Is it badly required to use chosen dropdown in your project (although it's very silly question :)) ? Actually what I can suggest that if you use easyui-combobox with loadfilter to load data as per your keystroke from remote source, it may solve your purpose.

What I noticed that chosen dropdown panel limits it's display within the container/panel in which it is defined/placed, that's why list is hidden. :)