Email type problem in lx-text-field

[ekaitzht]

I have seen that when yout type the email in this lx-text-field (http://ui.lumapps.com/directives/text-fields)

        <lx-text-field label="Email" fixed-label="true" type="Email"></lx-text-field>

your email is overlapping the label/placeholder.

[malexandre]

Thanks for reporting the issue. We saw it this morning. The HTML5 validation is stopping the model from being updated. We'll try to find a solution soon.

[tagazok]

I haven't test with email but I have the same problem with 'date' type in text-field.
In the other hand, the 'number' html5 type works.

[malexandre]

It's kind of a problem from Angular. They decided that the model must not be updated if the value doesn't validate the HTML5 type. And our directive watch the model to now if there is a need to slide up the label. I'll try to manage this by a "change" jqlite event instead of a watch on the model, but I'm not sure it's the best solution.

[malexandre]

The solution is available in the last release. By using a mix between the watch of the ng-model and the watch of changes with jqlite, it's now working event for the HTML5 type that didn't work before.
But please see the changelogs as there are breaking changes with the text-fields directive.