-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Description
Bug, feature request, or proposal:
bug
What is the expected behavior?
The click catcher for md-menu should be applied on the whole screen.
What is the current behavior?
<div class="md-menu-click-catcher"></div>
The click catcher element is located within the menu directive this means that in some situations the fixed viewport is not the body but some element in the DOM tree between the body and the click catcher.
This can happen when an element (ancestor of css catcher) applies CSS transform. When this happen the click catcher will be bound to the element's view port and not the body.
A great example is the SideNav, the sidenav's content element applies a transform: translate3d(0px, 0px, 0px); and when opened the margin-left CSS property reduce's the content size thus reduces the click catcher size, in this scenario clicks over the sidebar navigation are will not trigger a close event. (hovers will works as well... etc)
The menu is rendered in the the overlay container area but its not using the overlay backdrop, I guess since you can't control the styling of the backdrop to make it transparent...