search

angulardart / angular_components

The official Material Design components for AngularDart. Used at Google in production apps.
https://pub.dev/packages/angular_components
372 stars 123 forks source link

labels of disabled and non-disabled material-input multiline component behave in the same way #417

Open ghost opened 5 years ago

ghost commented 5 years ago

Both disabled and non-disabled components behave in the same way and it is hard to distinguish between the both.

When a component is disabled it should not check and display requiredErrorMsg until the component is enabled again.

Also floating label should not change it's default position since disabled component is not accepting any input.

labels

Component code:

    <div style="padding: 10px;">
            <material-input [disabled]="true"
                            floatingLabel
                            multiline
                            rows="4"
                            required
                            requiredErrorMsg="Message is empty!"
                            label="Enter a message to send">
            </material-input>

            <material-input [disabled]="false"
                            floatingLabel
                            multiline
                            rows="4"
                            required
                            requiredErrorMsg="Message is empty!"
                            label="Enter a message to send">
            </material-input>
        </div>

angular_components: version: "0.13.0"