fa-flexible-layout is not updated on option change

[oliviercooper]

Hi,

I tried successfully the grid-layout example with "dimensions" option updated dynamically, as mentioned here :
#132

When using the flexible-layout view and changing the "ratios" option in the same way, there's no updates.

Oliver

[zackbrown]

This should be fixed by #202 — if you pull down master this should now work.

[Odonno]

It works for "fa-grid-layout" but the "fa-flexible-layout" does not update (refreshing ratios in options), any time...

[SuPenguin]

In the meanwhile, you could get the node via $famous.find and use the setRatios method. This way you can add a transition effect via the "transition" object into fa-options.

fa-flexible-layout(id='flexible', fa-options='layout')

$scope.layout : {
         ratios: [3,1]
         transition: {
            curve: 'easeOut',
            duration: 200
          }
}

$scope.changeRatios = ()->
         $famous.find('#flexible')[0].renderNode.setRatios([1,3])

[Odonno]

Oh yeah ! It works great !

But, there is another bug I don't know how to fix...

Indeed, when I left the page (from the "fa-flexible-layout" to any other), an error (see image) occurs. So, when I want to navigate to any page, the entirely app is "frozen", nothing respond anymore (even in the page)...

From this image, I suppose it's due to the fact children of fa-flexible-layout are removed but the parent item is still there (somewhere).