Accodion item without specified height can't be expanded.

Webix JS
1

Hi.
Accodion item without specified height can’t be expanded. Looks like a bug.
http://webix.com/snippet/67b5d4a3

Is there any work around?

Is it possible to add scrollbar for accordion?

2

Add an empty spacer to take the free space at bottom of accordion

    { gravity:0.0001 }

http://webix.com/snippet/02065709

3

Is it possible to add scrollbar for accordion?

You can wrap accordion in scrollview.

4

Thanks for reply! Gravity item works fine when there are no resizers.

But I think it’s a bug…

http://webix.com/snippet/c494fe26

Expand last item, move resizer and try to expand last element again.

5

When all open items are expanded moving bottom resizer inflicts collapse of all elements:


webix.ui ({
  view:  'accordion',
  multi: true,
  rows: [
    { header: '1', body: { cols: [{template: 'a'}, {template: 'b'}]}},
    { view:'resizer' },
    { header: '1', body: { cols: [{template: 'a'}, {template: 'b'}]}},
    { view:'resizer' },
    { header: '1', body: { cols: [{template: 'a'}, {template: 'b'}]}},
    { view:'resizer' },
    { header: '1', body: { cols: [{template: 'a'}, {template: 'b'}]}},
    { view:'resizer' },
    { header: '1', body: { cols: [{template: 'a'}, {template: 'b'}]}},
    { view:'resizer' },
    { header: '1', body: { cols: [{template: 'a'}, {template: 'b'}]}},
    { view:'resizer' },
    { gravity:0.0001 }
  ]
});
6

Yes, it is.
You can remove resizer from the bottom cell, or use autoheight for templates

http://webix.com/snippet/daef7e7c

http://webix.com/snippet/58ee3a3f

7

Thanks! Auto height works fine!

And is it possible to resize only first accordion item so the second one moves down with it’s size unchanged?

8

It is not possible currently ( you can use sub-layouts but it will complicate ui a lot )

Will be added as a part of next major update.