feat(autocomplete): add something like md-no-backdrop to disable backdrop #11467
Description
Bug, enhancement request, or proposal:
Bug
What is the expected behavior?
When the autocomplete is open, any click event (including context menu events) outside of the menu and targeting clickable items, is expected to work from the first time. Autocomplete should be closed along with the action handled by the clicked item.
Maybe the close autocomplete shouldn't be handled when clicking on the md-scroll-mask but when its outside the autocomplete, or the md-scroll-mask should propagate the click event.
Same problem with autocomplete.
What is the current behavior?
Overlay is blocking click events . Clicking on the overlay first closes the menu and the user needs to click again to do his desired action (e.g. clicking navigation item that).
Detailed Reproduction Steps:
Go to documents/demo page.
Navigate to Components -> Autocomplete
Click on the first example for demo
Try to click any other component clickable on the page except from the left navigation (the left navigation has a higher z-index so it is not affected by the md-scroll-mask) -
The click event will be triggered after second click attempt ( after the autocomplete is closed ).
What is the use-case or motivation for changing an existing behavior?
The current functionality is a bad UX decision. Users usually expect to execute actions with one click (closing menu is counted towards the executed action). Making the user to click twice to close the menu and then proceed to the desired action is frustrating and not likely acceptable by most projects.
Which versions of AngularJS, Material, OS, and browsers are affected?
- AngularJS: 1.7.4
- AngularJS Material: 1.1.10
- OS: all
- Browsers: all
Is there anything else we should know? Stack Traces, Screenshots, etc.
Similar issues