Repository navigation
autocomplete: md-require-match flashes ng-message error on selection #10975
Description
Actual Behavior: md-require-match briefly shows an error message on mouse down event.
-
`What is the issue? * I am using md-require-match inside an md-autocomplete and, once autocomplete's item are shown, I select one of them with my mouse and, for a millisecond, error message for md-require-match is showed.
Please note that this message is not showed if I hit an item with enter key. -
What is the expected behavior?No error message should be displayed when an item is selected from the list.
CodePen (or steps to reproduce the issue):
-
CodePen Demo which shows your issue:https://codepen.io/anon/pen/KyNZxB -
Details:The above code is simply the demo on angular material web site.
Steps to reproduce: -
click "Favourite States"
-
search for 'a' to get list of available states .
-
left click with your mouse ( don't leave the mouse button for clarity)
-
error message 'Please select an existing state' is showed
AngularJS Versions: *
AngularJS Version:1.5.5AngularJS Material Version:v1.1.5
Additional Information:
Browser Type: *ChromeBrowser Version: *61.0.3163.100OS: *Windows 10Stack Traces:
Shortcut to create a new CodePen Demo.
Note: * indicates required information. Without this information, your issue may be auto-closed.
Do not modify the titles or questions. Simply add your responses to the ends of the questions.
Add more lines if needed.
Activity
[-]md-require-match show (briefily) [/-][+]md-require-match wrongly shows error message [/+][-]md-require-match wrongly shows error message [/-][+]autocomplete: md-require-match flashes ng-message error on selection[/+]sukanya-pai commentedon Jul 16, 2018
Any updates/ solution for this issue?? Even I am facing the same issue.
Splaktar commentedon Jul 19, 2018
@SSPai123 nope, no updates at this time. It would be appreciated if someone from the community could investigate and determine the cause of this issue.
jonnyAmplience commentedon Mar 11, 2019
The issue is caused by adding the required attribute to md-autocomplete. md-require-match does not cover the case where a user fails to select an option from the field so required is needed.
fix(autocomplete): prevent flashing of invalid state on suggestion se…
fix(autocomplete): prevent flashing of invalid state
shishkinilya commentedon Dec 16, 2020
I think I found the solution, but I have some problems with understanding some test case, maybe someone could help with this? I tried to explain my thoughts in the 'Other information' section of PR draft
Splaktar commentedon Dec 16, 2020
@shishkinilya OK, I will take a look at your PR, thank you.
fix(autocomplete): add check that the event is an object
fix(autocomplete): prevent flashing of invalid state (#12064)