Significant Layout Changes Causing Crashes

I have the following component: ` - type: scrollbox size: { w: stretch, max_h: 210 } content: type: panel elements:

            - type: panel
              visible: @showEffectList
              elements: @effects
              template: 
                type: button
                  size: { w: stretch } 
                  on_click: @@ e => @onClick()
                  content:
                    type: text
                      scribble: true
                      text: @trigger
            - type: panel
              visible: @showEffect
              elements:
                - type: button
                  visible: @showHideEffect
                  background: #FF0000
                  on_click: @@ e => @hideEffect()
                  content:
                    type: text
                      text: Back
                - type: advanced_text
                  text_array: @shownEffectText`

Which allows me to create the following list of buttons, which is created by the panel whose elements are @effects When pressed it sets @showEffectList to false and sets @showEffect to true Then I can hover over another card to set @showEffectList to true, @showEffect to false and change @effects

How I can produce is error is that I set @effects to an array with 3 elements Click one of the buttons which hides the 3 elements Then if I cause the @effects array to turn into an array with 1 element which causes the crash

shdwcat / YUI

Significant Layout Changes Causing Crashes #87