Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

ngMessages disappear using Angular Material #8635

Closed
@mg-13

Description

@mg-13

There seems to be a bug in angular material causing the ng-messages to disappear in an unexpected way.

Applying ng-messages and validation to a form, the error messages do not show up properly when both required and minlength are set. The user remains confused about why his input is invalid.

Plunker:
https://plnkr.co/edit/7omwpbT3Y5h9VoasVMX4?p=preview

steps to reproduce:

  • focus and unfocus the field, "required" pops up
  • enter "abcde", "required" disappears, but the field stays invalid until "e" (minlength=5) is entered. The minlength message is NOT showing up to indicate why the input is invalid
  • delete "e", now the minlength message appears, as ist should
  • delete the rest, the "required" message does NOT show up.
  • "required" will only show up if entering and deleting the whole string at once (select all, delete)
  • disable angular material and it works as expected

Angular Versions:

  • Angular Version: 1.5.6
  • Angular Material Version: 1.1.0-rc2

Additional Information:

  • Browser Type: Firefox
  • Browser Version: 46.0.1
  • OS: Windows 7

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions