I am potentially casting responsibility onto the wrong areas but I noticed some odd layouts on my simple Ember app and when looking at the DOM through Chrome's debugger I'm noticing that each element has is="undefined"
in it. Huh? Is this ember/htmlbars related? If not, does anyone have any pointers where else to look?
note: I am using ember-cli 0.2.0 with ember 1.10; I also use Bootstrap's SASS library
p.s. here's an image snapshot of what I'm seeing:
<!-- application.hbs -->
<link href='http://fonts.googleapis.com/css?family=Overlock+SC|Nixie+One' rel='stylesheet' type='text/css'>
<h2 id="title" class="logo">Company Name</h2>
<div class="tagline">tagline</div>
</div>
<div class="top-menu">
<div class="menu">
<div {{bind-attr class=":choice isHome:selected"}} {{action 'navigator' 'index'}}>Home</div>
<div {{bind-attr class=":choice isProducts:selected"}} {{action 'navigator' 'products'}}>Products</div>
<div {{bind-attr class=":choice isPricing:selected"}} {{action 'navigator' 'pricing'}}>Pricing</div>
<div {{bind-attr class=":choice isSignup:selected"}} {{action 'navigator' 'sign-up'}}>Sign Up</div>
</div>
</div>
<div class="container">
{{outlet}}
</div>