Add TextInput for Multi-line Text fields (with floating labels)

[ThomasBurleson]

Specification: Multi-line Text Fields

[langdonx]

Until 0.0.6 lands:

app.directive('multiline', ['$timeout', function($timeout) {
    return {
        restrict: 'A',
        compile: function(wrappedElement) {
            var element = wrappedElement[0],
                input = element.querySelector('input');

                element.innerHTML += '<textarea ng-model="value" class="ng-touched"></textarea>';

            $timeout(function() {
                element.querySelector('input').style.display = 'none';

                element.querySelector('textarea').addEventListener('blur', function() {
                    element.classList.remove('md-input-focused');
                });

                element.querySelector('textarea').addEventListener('focus', function() {
                    element.classList.add('md-input-focused');
                });
            }, 0)
        }
    }
}]);

[utopiaio]

+1

[marcnoon]

How about multiline labels... Instead of the word 'Title' … imagine where the label text was 243 words. Is it possible to expand the label dynamically or the place holder dynamically..

[Splaktar]

@marcnoon There are better avenues for troubleshooting or asking for help with your app. These include Stack Overflow, Gitter, the AngularJS Material forums, etc.