ember.js - Dynamically setting component tagName -

from i've seen isn't possible default, hoping new glimmer engine might able improve this. i'm creating inline edit component within table. default, want component td element, selectively become input element on interaction.

// components/inline-edit.js tagname: 'td', click: function() {     this.set('tagname', 'input');     this.rerender(); // prolly not necessary, thought i'd give go } 

unfortunately, not work. missing something? i'm using ember 1.13.3, need opt glimmer work?

thanks.

why don't render input field hidden, on click unhide , focus? <td> can't become <input> because <input> can't direct child of <tr> nor make sense.