[BUG angle-bracket-components] Unstable Top Level Elements

[chadhietala]

In the following jsbin there are 2 weird behaviors.

1. Event handlers can become detached
2. Top level DOM becomes unstable for no reason

I believe this is due to having an if helper on the top level element. I noticed that class names do not get concated with the existing ember-view class which may be the reasoning around the event handlers being removed.

Repro:
http://emberjs.jsbin.com/naqodocahe/edit?html,css,js,output

[pixelhandler]

@chadhietala is there a way to add some logging to your jsbin example that demonstrates the event handlers no longer being attached.

What are the steps you noticed that may have contributed to the event handler becoming detached?
How is the top level DOM unstable?
Would a screen recording, posted on dropbox or something, showcase the unstableness to help this issue be reproducible?

[rwjblue]

@chadhietala - Can you submit a failing test PR for this? I'll add it to the checklist in #12011...

[wycats]

@rwjblue our branch is addressing exactly this case; it happens when the ember-view class becomes overridden by the inner template, which is really just a very special case of a much larger problem.

[rwjblue]

@wycats - AWESOME! Then your branch will make the requested failing test pass 😉

[chadhietala]

Confirmed this was fixed in #12011