Question

I want to put some styling on an Ember.Textfield, namely: style="max-width: 100%;".
I’ve tried to do this with attributeBinding but without much success. Does anybody have working solution?

Answer 1

although you should better use CSS classNames, you can extend the Ember.TextField and add ‘style’ to the attributebindings

App.StyledTextField : Ember.TextField.extend({
  attributeBindings: ['style', 'type', 'value', 'size']
})

now you can do something like this:

{{view App.StyledTextField 
  style="max-width: 100%"}}