W3C home > Mailing lists > Public > whatwg@whatwg.org > April 2012

[whatwg] Fullscreen changes to support <dialog>

From: Sean Hogan <shogun70@westnet.com.au>
Date: Thu, 05 Apr 2012 21:21:17 +1000
Message-ID: <4F7D802D.9030300@westnet.com.au>
On 5/04/12 2:53 PM, Ian Hickson wrote:
> On Thu, 5 Apr 2012, Sean Hogan wrote:
>> So the ::backdrop could be styled to not cover the whole page?
>> Could it default to a "top" layer, but optionally be given a z-index?
> The ::backdrop specifically would just be immediately below its element in
> the "top layer" stack, at least as proposed. Could you elaborate on what
> your use case is for moving it to other layers? (Ideally with examples of
> dialogs that do this in the wild -- see the wiki page on which we designed
> the<dialog>  feature -- http://wiki.whatwg.org/wiki/Dialogs -- for the
> examples that have primarily driven the design so far.)
>
>
> On Thu, 5 Apr 2012, Sean Hogan wrote:
>> So this "top" layer prevents all user-interaction with the rest of the
>> page?
> No, that would be inherent in the<dialog>  "showModal()" behaviour.
>
>
>> If that's the case, it seems a bit inflexible. I would imagine that some
>> UI designers would like parts of the page to still be clickable - a
>> couple of examples:
>>
>> - a toggle button to show / hide the dialog (probably part of a menu-bar).
>> - a menu bar with buttons that, when activated, first dismiss the dialog
> Those sound like non-modal dialogs. Do you have any examples of modal
> dialogs on the Web that have these behaviours? As above, screenshots and
> URLs to such examples would be really helpful.

Look at my blog:

http://meekostuff.net/blog/

At the bottom is a simple site menu. If you click on the "contact" link 
it pops up a dialog with a backdrop that covers the whole page... except 
for the site menu. The dialog can be hidden by a "close" link in the 
dialog OR by clicking the "contact" link again.

The page itself is non-interactive. It's just the bottom menu that 
doesn't lose interactivity, because it has a higher z-index than the 
backdrop.

I suppose another way of achieving this with dialogs would be to make 
the site menu a dialog that has no backdrop but is always on top. I 
don't know if that's something worth considering for the spec.

Sean
Received on Thursday, 5 April 2012 04:21:17 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 30 January 2013 18:48:07 GMT