Forums

Greg,

My reasoning behind the multiple masks is to make the Overlay with it's MaskNode a "unit". You can reference the MaskNode on a particular Overlay instance by calling myOverlay.get('maskNode'). I wanted to make sure the feature worked in the case when multiple Overlays plugged with Y.Plug.OverlayModal are visible at the same time, and they stacked correctly according to their z-indexes; where the top-most Overlay would mask all other Overlays.

Another thing to note: the MaskNode is inserted into the Overlay's parentNode as the firstChild. When the Overlay's z-index property changes, via myOverlay.set('zIndex', 10), the MaskNode's z-index is updated to be the same value. Since the MaskNode exists before the Overlay in the markup it will be behind the Overlay, masking the contents underneath.

This approach isn't ideal, and I'd like to make it better and more robust; it hasn't yet become an issue for mean and my use-cases but I can imagine some in which it could be a problem. I should probably do a deep-dive and investigation on how other libraries, or even YUI 2.x, approach this issue. If you'd like to help me figure out a super robust way to deal with issues surrounding Overlay's and masking I'm all ears. One additional feature I've had in the back of my mind is the ability to mask only a particular node instead of always the whole viewport.

Are you running into any issues in your code with the current approach to masking? If so hopefully this will help you get through them, or you could explain them and we could try to figure out a solution.