jqxNavigationBar not using height correctly – reproducable

[realtekParticipant]

Hi,

For some reason when you set the height for a jqxNavigationBar and you expand one of the items where the content is then fills up more space than the height of the jqxNavigationBar then it hides the content and moves the rest of the navigationbar beyond the height applied.

Here is an example:

http://jsfiddle.net/BZ6uU/7/

Try expanding the first item.

I believe the height should remain but produce a scrollbar between the first item and move the other items to the bottom of the area usable within the height.

Is this a bug or am I doing something wrong?

Thanks

[realtekParticipant]

I’ve implemented a slight workaround by setting:

            <div style="overflow-y:scroll;max-height:260px">

To the content div but it still clips the end of the scrollbar and the last bit of content is hidden behind the last header! – so its not great.

[Peter StoevKeymaster]

Hi realtek,

There is no problem here. jqxNavigationBar uses the height property correctly. The height property defines the widget’s height and that happens in your Fiddle example as well. If your content overflows, a vertical scrollbar is displayed as expected.

Best Regards,
Peter Stoev

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

[Author]

Posts