javascript - Famo.us Scrollview height -

i trying add image below scrollview using famous sequentiallayout , im having problem scrollview's height.

this how create scrollview.

var scrollview = new scrollview({            direction: utility.direction.x,     options: {         size: [300, 300]     },             paginated: true }); 

when add surfaces scrollview 250 height, scrollview's parent dom container (famous-group) containing these surfaces has width , height of 0.

when adding scrollview within sequentiallayout first item, second item or surface height displayed on top of scrollview since has no height.

any ideas how fix using famo.us?

you can't set size - use modifier this.

this render tree

maincontext    sequentiallayout       modifier(size)           scrollview       modifier(size)           image 

code snippet:

// create components var scrollview = new scrollview(); var image = new imagesurface({     content: 'content/images/famous_symbol_transparent.png' });  // create size modifiers var scrollmodifier = new statemodifier({ size: [200,200]}); var imagemodifier = new statemodifier({ size: [200,200]});  // wrap modifier in rendernode, can add surface // (you can't add surfaces directly modifier) var scrollnode = new rendernode(scrollmodifier) scrollnode.add(scrollview);  var imagenode = new rendernode(imagemodifier); imagenode.add(image);  // create sequentiallayout var sequence = new sequentiallayout(); sequence.sequencefrom([scrollnode,imagenode]); 

and here example gist (copy-paste main.js after running yo famous generator)