PDA

View Full Version : Nothing Rendered Below The Fold



tobinharris
14 Jul 2010, 6:15 AM
Hi there

We have a problem where items are not rendering below the visual fold.

We have a board (http://www.youtube.com/watch?v=0dEyJ0sOwv8) where items sometimes flow out of the visible area. Then, the touches to drag the bottom of the board into view. The problem is that nothing is rendered unless it's actually in the visiable area to start with.



//Viewport containing Board
Kanban.Ui.ViewPortal = Ext.extend(Ext.Container, {
id: 'kanban-ui',
fullscreen: true,
cls: 'kanban-ui',
ui: 'light',
layout: {type:'vbox', align: 'stretch'},
....
});

//Board containing swimlanes
Kanban.Ui.Board = Ext.extend(Ext.Container, {
id: 'board',
cls: 'board',
scroll: 'both',
viewMode: 'small',
flex: 1,
pack: 'end',
board: Ext.ModelMgr.create({selectedProject: null}, 'Board'),
layout: {type:'hbox', align: 'stretch'},
items: { /*Swimlanes*/ }
...
});

//Swimlanes containing cards
Kanban.Ui.SwimLane = Ext.extend(Ext.Container, {

cls: 'swim-lane',
width: 250,
height: 2000,
flex: 1,
layout: {type:'auto'},
style: 'text-align: center;',
laneName: 'None',
varyCardColorBy: 'project',
cardHolder: null,
autoDestroy: true,
...
});
I noticed that if we set the board height to a fixed value and turn no flex, then the bottom of the board is rendered, but when we try and scroll the viewport keeps bouncing back.

If turn off the board height and set flex to 1, then the scrolling works as expected but nothing is rendered.

Any hints would be really appreciated.

Tobin

tobinharris
14 Jul 2010, 6:22 AM
Not that everything appears fine when scrolling horizontally, it's just a vertical scroll that doesn't produce expected results.

TommyMaintz
14 Jul 2010, 1:06 PM
Wow, I like the YouTube video a lot! I have tried reproducing this issue using the snippets of code you provided, but wasn't able to do so. Would it be possible for you to create an isolated example that shows this issue?

tobinharris
14 Jul 2010, 10:46 PM
Thanks for taking a look Tommy, and great that you like the Kanban board :)

I'll keep fiddling and see if I can sort it, or get a better code sample.

Tobin

TommyMaintz
15 Jul 2010, 11:19 AM
Thanks. Let me know if you run into any other problems.