Mask and Overlay should be context-aware
Reported by Stephen Elson | July 17th, 2009 @ 02:36 PM | in 2.0
It would be useful if glow.widgets.Mask and glow.widgets.Overlay responded to an element specified as a 'context' option with the following behaviour:
- Mask: the mask would only extend to cover the context element e.g. an image
- Overlay (and Panel): the Overlay would open centred on top of the context. If a context is specified and the overlay is modal then the context is passed through to the Mask so a localised lightbox is created.
Here's a diff of mask.js, overlay.js showing an example implementation.
I've also attached an example file using this which seems to work in Opera 9.50, IE6, Chrome 0.2, Safari 3.1 Win, FF 2, FF 3 but obviously there are lots of conditions that you know about and I don't.
(Reported by Andrew Nicolaou)
Comments and changes to this ticket
-
Stephen Elson July 17th, 2009 @ 02:37 PM
It would be nice to place the mask element within the element that should be masked, then we don't need to handle so much in the way of window resizing / scrolling.
Same for the overlay, place it within its context element.
-
Stephen Elson July 17th, 2009 @ 05:15 PM
- Tag changed from “enhancement” to “enhancement, widgets”
-
Stephen Elson July 18th, 2009 @ 10:06 AM
- Tag changed from “enhancement, widgets” to “enhancement, mask, overlay, widgets”
Please Sign in or create a free account to add a new ticket.
With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.
Create new ticket
Create your profile
Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป
A JavaScript Library
Stephen Elson