Trying to get a responsive overflow area on a toolbar...

Webix JS
#1

Hi there,
it’s me again :wink: I can’t get the responsive thing working for me. I have a toolbar that has fixed items and a list of items that should be able to overflow into a dropdown. Here is an example:

http://webix.com/snippet/5678ad35

There are several issues with this:

a) As you can see not all items exceeding the width are moved to the popup
b) Resizing does not bring them back if enough space became available
c) I can’t find an layout event I could use to show the popup opener button only if there were items moved to the popup area.

Someone with an idea on how to get his working?

Thanks a lot!

#2

Hi,

It’s an unexpected behavior. We’ll try to fix it for the next build, but if you have a valid support subscription and need the solution ASAP, you can open a ticket in the members’ area.

#3

Thanks Listopad! We are in the evaluation process. I am building a sample application for this purpose so this is not critical right now but it will be important later on.

#4

Fix for the issue will be released as part of Webix 4.0

#5

Interesting code sample! But looks like it still not working flawlessly
(it needed some minor code change too)
http://webix.com/snippet/9fb4702c
It’s resizing fine when I’m making area smaller, but when area is getting bigger it doesn’t resize. I tried call manually adjust() and resize() and render() for different layout parts, but still wasn’t able to make layout adjusting itself.
Also I wonder that should be done to properly show scroll in popup?