|
gptkbp:instanceOf
|
gptkb:waterfall
|
|
gptkbp:accessibleBy
|
show() method
showModal() method
|
|
gptkbp:alsoKnownAs
|
<dialog> element
|
|
gptkbp:attribute
|
gptkb:style
gptkb:class
open
id
aria-modal
tabindex
|
|
gptkbp:canBe
|
gptkb:CSS
|
|
gptkbp:canBeClosedBy
|
gptkb:ESC_key
user interaction
close() method
|
|
gptkbp:canBeModal
|
true
|
|
gptkbp:canBeNonModal
|
true
|
|
gptkbp:canBeScriptedWith
|
gptkb:JavaScript
|
|
gptkbp:canTrapFocus
|
true
|
|
gptkbp:category
|
interactive content
sectioning root
|
|
gptkbp:compatibleWith
|
gptkb:Internet_Explorer
|
|
gptkbp:defaultDisplay
|
none
|
|
gptkbp:definedIn
|
gptkb:HTML_Living_Standard
|
|
gptkbp:event
|
gptkb:center
cancel
|
|
gptkbp:example
|
<dialog open>Dialog content</dialog>
|
|
gptkbp:hasAccessibilityConsideration
|
keyboard navigation
aria attributes
focus management
|
|
gptkbp:hasChildElement
|
<form>
<input>
<p>
<button>
|
|
gptkbp:hasDefaultRole
|
dialog
|
|
gptkbp:hasMethod
|
close()
show()
showModal()
|
|
gptkbp:hasPolyfill
|
gptkb:dialog-polyfill
|
|
gptkbp:introducedIn
|
gptkb:HTML5.2
|
|
gptkbp:isFocusable
|
true
|
|
gptkbp:mayInclude
|
flow content
|
|
gptkbp:partOf
|
gptkb:Web_Platform_API
|
|
gptkbp:purpose
|
to create dialog boxes or modals
|
|
gptkbp:renderingEngine
|
as a dialog box
|
|
gptkbp:specifies
|
https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element
|
|
gptkbp:supportedBy
|
gptkb:Edge
gptkb:Safari
gptkb:Firefox
gptkb:Chrome
|
|
gptkbp:bfsParent
|
gptkb:Web_Platform_Working_Group
|
|
gptkbp:bfsLayer
|
4
|
|
https://www.w3.org/2000/01/rdf-schema#label
|
HTML Dialog Element
|