Radio buttons render as a text input in IE8

[jerel]

Here is a very tiny example: http://emberjs.jsbin.com/kiyesi

<input type="radio"> of course renders fine in IE8 but rendering the same minimal example dynamically via a component results in a text input instead:

App.RadioCheckComponent = Ember.Component.extend({
  tagName: 'input',
  type: 'radio',
  attributeBindings: ['type'],
});

I just upgraded from Ember v1.12.x and the problem did not exist there.

[pixelhandler]

@jerel Is there a quick way for someone to see this emulated in IE8 (don't personally have a PC) ?

[jherdman]

https://github.com/xdissent/ievms ought to help you out.

[pixelhandler]

@jherdman I was curious if there was anything quicker (than installing) perhaps web based. Really don't want to install IE8 :(

[jerel]

@pixelhandler here is a screenshot of the result and the code:

As far as I can tell the resulting html is correct. I've compared between my v1.12.x and v1.13.x versions. I'm guessing it has something to do how the element is created (timing of when the type is added perhaps) but that's just a guess.

[ef2k]

@pixelhandler There's the free trial browserstack offers: https://www.browserstack.com/

[rwjblue]

This is likely the same as tildeio/htmlbars#380 which came from #11553.

[pixelhandler]

@eddflrs yeah would be cool if could group fund browserstack for ember debugging as a community

[pixelhandler]

@jerel yeah <input id="ember304" type="radio" class="ember-view"> is not the same as <input id="ember304" type="radio" class="ember-view"></input> but other browsers do display that correctly either way.

[jerel]

This does appear to be caused by Ember trying to set type after the element is in the DOM.

As a temporary workaround I implemented a component with tagName: '' and put <input type="radio" dynamic="{{foo}}"> in its template and that works.

[gauthierm]

This should be fixed in the latest #12351

[rwjblue]

Fixed by #12596.