Splitter with ListBox inside

[PfhoenixParticipant]

I have a splitter with a listbox filling one of the panels. If I set the listbox to 100% height and margin-top of 5px, it looks correct… until I select an item in the listbox, where the listbox then jumps to fill the entire panel. Is this a bug within Splitter or ListBox? I have a jsfiddle that demonstrates the bug :

The jumping happens whether margin is set, padding is set, a spacer div is placed above the listbox; I’ve spent a full day trying to figure this out, and at this point, I’m convinced it’s a bug within either Splitter or ListBox

[PfhoenixParticipant]

The link didn’t make it into the post for some reason.

jsfiddle reproduction case

[Ivo ZhulevParticipant]

Hi Pfhoenix,

What are you trying to achieve?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[PfhoenixParticipant]

A listbox that doesn’t move itself within a splitter panel? Your response confuses me, due to the clarity in which I presented the issue and a reproduction case/link.

Here’s another test case, with the jumping removed : http://jsfiddle.net/Pfhoenix/az4y0ekb/3/

What’s interesting is that even setting the height for the listbox doesn’t stop it from moving up by the total height of its border. With its border hidden and a set height, the listbox no longer moves itself. This indicates to me that the bug is clearly within listbox and not splitter.

[Ivo ZhulevParticipant]

Hi Pfhoenix,

Thanks for the feedback, we will look into this.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts