{ "caniuse": [ "dialog" ], "compat_features": [ "api.HTMLDialogElement", "api.HTMLDialogElement.cancel_event", "api.HTMLDialogElement.close", "api.HTMLDialogElement.close_event", "api.HTMLDialogElement.open", "api.HTMLDialogElement.returnValue", "api.HTMLDialogElement.show", "api.HTMLDialogElement.showModal", "api.HTMLElement.beforetoggle_event.dialog_elements", "api.HTMLElement.toggle_event.dialog_elements", "html.elements.dialog", "html.elements.dialog.open" ], "description": "The HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.", "description_html": "The <dialog> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.", "group": [ "html-elements" ], "kind": "feature", "name": "", "spec": [ "https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element" ], "status": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "by_compat_key": { "api.HTMLDialogElement": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "api.HTMLDialogElement.cancel_event": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "api.HTMLDialogElement.close": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "api.HTMLDialogElement.close_event": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "api.HTMLDialogElement.open": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "api.HTMLDialogElement.returnValue": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "api.HTMLDialogElement.show": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "api.HTMLDialogElement.showModal": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "api.HTMLElement.beforetoggle_event.dialog_elements": { "baseline": "low", "baseline_low_date": "2025-09-15", "support": { "chrome": "132", "chrome_android": "132", "edge": "132", "firefox": "133", "firefox_android": "133", "safari": "26", "safari_ios": "26" } }, "api.HTMLElement.toggle_event.dialog_elements": { "baseline": "low", "baseline_low_date": "2025-09-15", "support": { "chrome": "132", "chrome_android": "132", "edge": "132", "firefox": "133", "firefox_android": "133", "safari": "26", "safari_ios": "26" } }, "html.elements.dialog": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "html.elements.dialog.open": { "baseline": "high", "baseline_high_date": "2024-09-14", "baseline_low_date": "2022-03-14", "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } } }, "support": { "chrome": "37", "chrome_android": "37", "edge": "79", "firefox": "98", "firefox_android": "98", "safari": "15.4", "safari_ios": "15.4" } }, "id": "dialog", "groups": [ "html-elements" ], "specs": [ { "url": "https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element", "seriesComposition": "full", "shortname": "html", "series": { "shortname": "html", "currentSpecification": "html", "title": "HTML", "shortTitle": "HTML", "nightlyUrl": "https://html.spec.whatwg.org/multipage/" }, "nightly": { "url": "https://html.spec.whatwg.org/multipage/", "status": "Living Standard", "sourcePath": "source", "alternateUrls": [], "repository": "https://github.com/whatwg/html", "pages": [ "https://html.spec.whatwg.org/multipage/introduction.html", "https://html.spec.whatwg.org/multipage/infrastructure.html", "https://html.spec.whatwg.org/multipage/common-microsyntaxes.html", "https://html.spec.whatwg.org/multipage/urls-and-fetching.html", "https://html.spec.whatwg.org/multipage/common-dom-interfaces.html", "https://html.spec.whatwg.org/multipage/structured-data.html", "https://html.spec.whatwg.org/multipage/dom.html", "https://html.spec.whatwg.org/multipage/semantics.html", "https://html.spec.whatwg.org/multipage/sections.html", "https://html.spec.whatwg.org/multipage/grouping-content.html", "https://html.spec.whatwg.org/multipage/text-level-semantics.html", "https://html.spec.whatwg.org/multipage/links.html", "https://html.spec.whatwg.org/multipage/edits.html", "https://html.spec.whatwg.org/multipage/embedded-content.html", "https://html.spec.whatwg.org/multipage/images.html", "https://html.spec.whatwg.org/multipage/iframe-embed-object.html", "https://html.spec.whatwg.org/multipage/media.html", "https://html.spec.whatwg.org/multipage/image-maps.html", "https://html.spec.whatwg.org/multipage/embedded-content-other.html", "https://html.spec.whatwg.org/multipage/tables.html", "https://html.spec.whatwg.org/multipage/forms.html", "https://html.spec.whatwg.org/multipage/input.html", "https://html.spec.whatwg.org/multipage/form-elements.html", "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html", "https://html.spec.whatwg.org/multipage/interactive-elements.html", "https://html.spec.whatwg.org/multipage/scripting.html", "https://html.spec.whatwg.org/multipage/canvas.html", "https://html.spec.whatwg.org/multipage/custom-elements.html", "https://html.spec.whatwg.org/multipage/semantics-other.html", "https://html.spec.whatwg.org/multipage/microdata.html", "https://html.spec.whatwg.org/multipage/interaction.html", "https://html.spec.whatwg.org/multipage/dnd.html", "https://html.spec.whatwg.org/multipage/popover.html", "https://html.spec.whatwg.org/multipage/browsers.html", "https://html.spec.whatwg.org/multipage/nav-history-apis.html", "https://html.spec.whatwg.org/multipage/document-sequences.html", "https://html.spec.whatwg.org/multipage/browsing-the-web.html", "https://html.spec.whatwg.org/multipage/document-lifecycle.html", "https://html.spec.whatwg.org/multipage/speculative-loading.html", "https://html.spec.whatwg.org/multipage/webappapis.html", "https://html.spec.whatwg.org/multipage/dynamic-markup-insertion.html", "https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html", "https://html.spec.whatwg.org/multipage/system-state.html", "https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html", "https://html.spec.whatwg.org/multipage/comms.html", "https://html.spec.whatwg.org/multipage/server-sent-events.html", "https://html.spec.whatwg.org/multipage/web-messaging.html", "https://html.spec.whatwg.org/multipage/workers.html", "https://html.spec.whatwg.org/multipage/worklets.html", "https://html.spec.whatwg.org/multipage/webstorage.html", "https://html.spec.whatwg.org/multipage/syntax.html", "https://html.spec.whatwg.org/multipage/parsing.html", "https://html.spec.whatwg.org/multipage/named-characters.html", "https://html.spec.whatwg.org/multipage/xhtml.html", "https://html.spec.whatwg.org/multipage/rendering.html", "https://html.spec.whatwg.org/multipage/obsolete.html", "https://html.spec.whatwg.org/multipage/iana.html", "https://html.spec.whatwg.org/multipage/indices.html", "https://html.spec.whatwg.org/multipage/references.html", "https://html.spec.whatwg.org/multipage/acknowledgements.html" ], "filename": "index.html" }, "organization": "WHATWG", "groups": [ { "name": "HTML Workstream", "url": "https://html.spec.whatwg.org/multipage/" } ], "title": "HTML", "source": "whatwg", "shortTitle": "HTML", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "close-watcher", "custom-elements", "eventsource", "html", "imagebitmap-renderingcontext", "import-maps", "navigation-api", "webmessaging", "webstorage", "workers", "worklets", "x-frame-options" ], "excludePaths": [ "html/cross-origin-embedder-policy/credentialless", "html/dom/partial-updates/tentative", "html/cross-origin-embedder-policy/credentialless" ] }, "fragment": "the-dialog-element" } ], "mdnUrls": [ { "slug": "Web/HTML/Reference/Elements/dialog", "title": ": The Dialog element", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/HTML/Reference/Elements/dialog" } ], "standardPositions": [ { "vendor": "mozilla", "url": "https://github.com/mozilla/standards-positions/issues/388", "position": "positive", "concerns": [] } ], "hasNegativeStandardPosition": false, "stateOfSurveys": [ { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/usage/#html_styling_issues", "question": "usage", "subQuestion": "html_styling_issues", "path": "dataAPI.surveys.state_of_html.html2025.usage.html_styling_issues.combined.allEditions.0.buckets.9.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/usage/#html_interoperability_features_features_only", "question": "usage", "subQuestion": "html_interoperability_features_features_only", "path": "dataAPI.surveys.state_of_html.html2025.usage.html_interoperability_features_features_only.freeform.allEditions.0.buckets.3.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/usage/#html_interoperability_features", "question": "usage", "subQuestion": "html_interoperability_features", "path": "dataAPI.surveys.state_of_html.html2025.usage.html_interoperability_features.freeform.allEditions.0.buckets.3.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/usage/#html_functionality_features_features_only", "question": "usage", "subQuestion": "html_functionality_features_features_only", "path": "dataAPI.surveys.state_of_html.html2025.usage.html_functionality_features_features_only.freeform.allEditions.0.buckets.2.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/usage/#html_functionality_features", "question": "usage", "subQuestion": "html_functionality_features", "path": "dataAPI.surveys.state_of_html.html2025.usage.html_functionality_features.freeform.allEditions.0.buckets.2.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/features/interactivity/#interactivity_pain_points_limitations_1", "question": "interactivity", "subQuestion": "interactivity_pain_points_limitations_1", "path": "dataAPI.surveys.state_of_html.html2025.interactivity.interactivity_pain_points_limitations_1.freeform.allEditions.0.buckets.1.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/features/interactivity/#interactivity_pain_points_interop_issues_1", "question": "interactivity", "subQuestion": "interactivity_pain_points_interop_issues_1", "path": "dataAPI.surveys.state_of_html.html2025.interactivity.interactivity_pain_points_interop_issues_1.freeform.allEditions.0.buckets.2.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/features/interactivity/#interactivity_pain_points_features", "question": "interactivity", "subQuestion": "interactivity_pain_points_features", "path": "dataAPI.surveys.state_of_html.html2025.interactivity.interactivity_pain_points_features.freeform.allEditions.0.buckets.0.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/features/interactivity/#interactivity_pain_points", "question": "interactivity", "subQuestion": "interactivity_pain_points", "path": "dataAPI.surveys.state_of_html.html2025.interactivity.interactivity_pain_points.freeform.allEditions.0.buckets.1.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/features/interactivity/#interactivity_features", "question": "interactivity", "subQuestion": "interactivity_features", "path": "dataAPI.surveys.state_of_html.html2025.interactivity.interactivity_features.2.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/features/#all_features", "question": "features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_html.html2025.features.all_features.9.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/accessibility/#accessibility_pain_points_features", "question": "accessibility", "subQuestion": "accessibility_pain_points_features", "path": "dataAPI.surveys.state_of_html.html2025.accessibility.accessibility_pain_points_features.freeform.allEditions.1.buckets.1.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/accessibility/#accessibility_pain_points", "question": "accessibility", "subQuestion": "accessibility_pain_points", "path": "dataAPI.surveys.state_of_html.html2025.accessibility.accessibility_pain_points.freeform.allEditions.1.buckets.24.entity" }, { "name": "State of HTML 2025", "url": "https://2025.stateofhtml.com/en-US/_all_features/#all_features", "question": "_all_features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_html.html2025._all_features.all_features.9.entity" }, { "name": "State of HTML 2024", "url": "https://2024.stateofhtml.com/en-US/usage/#html_interoperability_features", "question": "usage", "subQuestion": "html_interoperability_features", "path": "dataAPI.surveys.state_of_html.html2024.usage.html_interoperability_features.freeform.allEditions.0.buckets.1.entity" }, { "name": "State of HTML 2024", "url": "https://2024.stateofhtml.com/en-US/usage/#html_functionality_features", "question": "usage", "subQuestion": "html_functionality_features", "path": "dataAPI.surveys.state_of_html.html2024.usage.html_functionality_features.freeform.allEditions.0.buckets.1.entity" }, { "name": "State of HTML 2024", "url": "https://2024.stateofhtml.com/en-US/features/#reading_list", "question": "reading_list", "subQuestion": "reading_list", "path": "dataAPI.surveys.state_of_html.html2024.reading_list.reading_list.combined.allEditions.0.buckets.13.entity" }, { "name": "State of HTML 2024", "url": "https://2024.stateofhtml.com/en-US/features/interactivity/#interactivity_pain_points", "question": "interactivity", "subQuestion": "interactivity_pain_points", "path": "dataAPI.surveys.state_of_html.html2024.interactivity.interactivity_pain_points.freeform.allEditions.0.buckets.10.entity" }, { "name": "State of HTML 2024", "url": "https://2024.stateofhtml.com/en-US/features/interactivity/#interactivity_features", "question": "interactivity", "subQuestion": "interactivity_features", "path": "dataAPI.surveys.state_of_html.html2024.interactivity.interactivity_features.0.entity" }, { "name": "State of HTML 2024", "url": "https://2024.stateofhtml.com/en-US/features/#all_features", "question": "features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_html.html2024.features.all_features.9.entity" }, { "name": "State of HTML 2023", "url": "https://2023.stateofhtml.com/en-US/usage/#html_interoperability_features", "question": "usage", "subQuestion": "html_interoperability_features", "path": "dataAPI.surveys.state_of_html.html2023.usage.html_interoperability_features.freeform.currentEdition.buckets.1.entity" }, { "name": "State of HTML 2023", "url": "https://2023.stateofhtml.com/en-US/usage/#html_functionality_features", "question": "usage", "subQuestion": "html_functionality_features", "path": "dataAPI.surveys.state_of_html.html2023.usage.html_functionality_features.freeform.currentEdition.buckets.1.entity" }, { "name": "State of HTML 2023", "url": "https://2023.stateofhtml.com/en-US/features/#reading_list", "question": "reading_list", "subQuestion": "reading_list", "path": "dataAPI.surveys.state_of_html.html2023.reading_list.reading_list.responses.currentEdition.buckets.13.entity" }, { "name": "State of HTML 2023", "url": "https://2023.stateofhtml.com/en-US/features/interactivity/#interactivity_features", "question": "interactivity", "subQuestion": "interactivity_features", "path": "dataAPI.surveys.state_of_html.html2023.interactivity.interactivity_features.0.entity" }, { "name": "State of HTML 2023", "url": "https://2023.stateofhtml.com/en-US/features/#all_features", "question": "features", "subQuestion": "all_features", "path": "dataAPI.surveys.state_of_html.html2023.features.all_features.7.entity" }, { "name": "State of CSS 2025", "url": "https://2025.stateofcss.com/en-US/usage/#favorite_new_features", "question": "usage", "subQuestion": "favorite_new_features", "path": "dataAPI.surveys.state_of_css.css2025.usage.favorite_new_features.freeform.allEditions.1.buckets.21.groupedBuckets.0.groupedBuckets.5.entity" }, { "name": "State of CSS 2025", "url": "https://2025.stateofcss.com/en-US/usage/#css_missing_features", "question": "usage", "subQuestion": "css_missing_features", "path": "dataAPI.surveys.state_of_css.css2025.usage.css_missing_features.freeform.allEditions.0.buckets.21.groupedBuckets.1.groupedBuckets.59.entity" }, { "name": "State of CSS 2025", "url": "https://2025.stateofcss.com/en-US/usage/#css_interoperability_features", "question": "usage", "subQuestion": "css_interoperability_features", "path": "dataAPI.surveys.state_of_css.css2025.usage.css_interoperability_features.freeform.allEditions.0.buckets.21.groupedBuckets.1.groupedBuckets.42.entity" } ], "chromeUseCounters": { "percentageOfPageLoad": 0.07343234, "url": "https://chromestatus.com/metrics/webfeature/timeline/popularity/25" }, "interop": [ { "year": 2022, "label": "interop-2022-dialog", "url": "https://wpt.fyi/interop-2022?feature=interop-2022-dialog" } ], "wpt": { "url": "https://wpt.fyi/results?q=feature:dialog" }, "developerSignals": null, "bugs": {}, "baselineLowDateAsObject": "2022-03-14T00:00:00.000Z", "baselineHighDateAsObject": "2024-09-14T00:00:00.000Z" }