jeudi 5 février 2015

ARIA attributes in ember core form components

I'd like to use ARIA attributes in Ember core form components, such input and textarea fields.


I noticed that using an aria attribute within the component in my template, it doesn't work at all



{{input aria-label="Your name"}}
{{textarea aria-label="Your address"}}


So I decided to reopen the core components in an initializer to add this attribute to the components



export default {
name: 'reopenTextAreaComponent',

initialize: function () {
Ember.TextArea.reopen({
attributeBindings: ['aria-label']
});
}
};


Since I did that, the performance of my application is pretty bad. The integration tests take much more time than before.


I tried not to use their components and simply a HTML tag:



<textarea {{bind-attr aria-label="Your address"}}>{{value}}</textarea>


But this doesn't compile with handlebars! It returns an error because of the {{value}} within the textarea tag.


What is the solution to avoid reopening? Should I create my own component?


Thanks





Aucun commentaire:

Enregistrer un commentaire