Un élément HTML 5 dialog

Un nouvel élément HTML 5, dialog, est en cours de définition ; il correspond exactement à un objet de ma librairie javascript (FloatPane) et à ce qui se fait par ailleurs couramment dans les interfaces graphiques : une fenêtre de dialogue.

Voilà le code HTML que j'utilise pour créer des fenêtres de dialogue :

<div class="dialog" data-open="(true|false)" data-modal="(true|false)" data-draggable="(true|false)">
    <div class="hd">Dialog title</div>
    <div class="bd">Dialog content</div>
    <div class="ft">Dialog interaction <button class="close">close</button></div>
</div>
Code HTML pour un objet FloatPane de la librairie javascript rnb-js.

Avec le nouvel élément dialog, voilà à quoi cela pourrait ressembler :

<dialog (open="") data-modal="(true|false)" data-draggable="(true|false)">
    <div class="hd">Dialog title</div>
    <div class="bd">Dialog content</div>
    <div class="ft">Dialog interaction <button class="close">close</button></div>
</dialog>
Panneau flottant construit avec l'élément dialog.

L'API DOM du nouvel objet, qui est encore en phase de définition, diffère légèrement de celle que j'ai défini :

Les méthodes :

method
void open ( )
Description
Ouvrir le dialogue
method
void close ( )
Description
Fermer le dialogue
method
Boolean isOpen ( )
Description
Si le dialogue est ouvert
return
Boolean
method
Boolean isModal ( )
Description
Si le dialogue est modal
return
Boolean

Les propriétés :

Nom
returnValue
Description
La valeur à retourner.
type
{String}

Les événements :

Nom
open
Description
Emis lors de l'affichage du dialogue.
Nom
close
Description
Emis lors de la fermeture du dialogue.
Nom
cancel
Description
Emis lors de la fermeture par abandon de l'action.

Les paramètres de configurations :

Nom
closeButton
default
true
Description
Si le dialogue a un bouton de fermeture.
type
{Boolean}
Nom
cancelOnEscape
default
true
Description
Si Esc provoque l'événement cancel.
type
{Boolean}
Nom
disposeOnClose
default
false
Description
Si la fermeture entraîne la destruction de l'objet.
type
{Boolean}
Nom
openOnRender
default
false
Description
Si le dialogue doit être ouvert quand il est créé.
type
{Boolean}
Nom
draggable
default
false
Description
Si le dialogue peut être déplacé.
type
{Boolean}
Nom
modal
default
true
Description
Si le dialogue est modal.
type
{Boolean}

HICKSON, Ian. HTML5 (Editor's draft). W3C, . 4.11.6 The dialog element

HICKSON, Ian. Dialogs. wiki.whatwg.org,