md-input type="number" required does not update control validation state

Bug, feature request, or proposal:

Bug

What is the expected behavior?

A required but empty md-input field should turn the control invalid.

What is the current behavior?

Has the input been touched once it’s valid prop stays true even if the the input is empty.

What are the steps to reproduce?

Enter a number and remove it again. Here is a plunker.

What is the use-case or motivation for changing an existing behavior?

Validating forms should be working.

Which versions of Angular, Material, OS, browsers are affected?

Tested with: angular: ‘@2.0.0-rc.4’ forms: ‘@0.2.0’ material: ‘@2.0.0-alpha.6’ Chomre 52.0.2743.82

Is there anything else we should know?

[tylermassey]

I’ve experienced this as well.

I think the issue is related to the value of a number input being NaN when the field is empty.

As a temporary workaround, I wrote a custom validator to handle this case. Here’s an example:

static requiredNumber(control: AbstractControl): {[key: string]: boolean} {
        return (isNaN(control.value) || (control.value == null)) ?
            {'required': true} :
            null;
    }

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}