Strange reordering in specific cases when using conditionals

[livtanong]

Since the cdns aren't working, I'll just go directly into code here, rather than using jsfiddle.

works:

app = {
  controller: function(){
    this.someList = m.prop([1, 2, 3, 4, 5, 6]);
    this.isVisible = m.prop(true);
    this.toggleVisible = function(){
      this.isVisible(!this.isVisible());
    }
  },
  view: function(ctrl){
    return m("div", [
      m("button", 
        {onclick: ctrl.toggleVisible.bind(ctrl)}, 
        "toggle!"),
      m("div", [
        ctrl.isVisible() ? m("div", "on") : m("div", "off"),
        m("div", "all the other shit")
      ])
    ]);
  }
}
m.module(document, app);

Funky cases:

...
ctrl.isVisible() ? m("div", "on") : "",

...
ctrl.isVisible() ? m("div", "on") : m("span", "off"),

...
ctrl.isVisible() ? m("div", "on") : m("button", {onclick: /*something*/},"off"),

When they're generated, they're appended to the bottom of the list, like the previous bugs.

As far as I've tested, conditional ordering really only works properly on divs.

[lhorie]

Thanks for the bug report! I'm trying to nail down all the edge cases where this issue is happening, so this is really useful.

[lhorie]

The following case also breaks:

ctrl.isVisible() ? m("div", "on") : m.trust("foo")

[lhorie]

All the cases are fixed in v0.1.8, which is now released. CDNs are not up to date yet.