This repository was archived by the owner on Sep 5, 2024. It is now read-only.
select: using ng-click, dropdown panel doesn't close when used within md-menu-item #9802
Labels
needs: investigation
The cause of this issue is not well understood and needs to be investigated by the team or community
P4: minor
Minor issues. May not be fixed without community contributions.
type: bug
ux: integration
Milestone
Actual Behavior:
What is the issue? *
When nesting an
ng-select
within amd-menu-item
element themd-select
does not close when themd-menu
closes. This leaves themd-option
values showing on screen when themd-menu
has closed.What is the expected behavior?
I would like all child elements to close when the
md-menu
is closed.CodePen (or steps to reproduce the issue): *
CodePen Demo which shows your issue:
CodePen Demo Link
Details:
If the arrow is clicked, the
md-menu
opens. If you do not click anything, but click an empty space themd-menu
will close as does all children nested within.Click the arrow again to open the menu. Click on the
md-select
but do not choose an option. Next click off of the input somewhere in space. Themd-menu
will close, but themd-select
options will remain visible be on screen. You have to click again in an empty area to close the options.Angular Versions: *
Angular Version: github:angular/[email protected]
Angular Material Version: github:angular/[email protected]
Additional Information:
Browser Type: * Chrome
Browser Version: * 53.0.2785.116 (64-bit)
OS: * OSX EL Capitan
Stack Traces:
Shortcut to create a new CodePen Demo.
Note:
*
indicates required information. Without this information, your issue may be auto-closed.The text was updated successfully, but these errors were encountered: