element-hq / element-hq/element-web

Use `<dialog>` HTML element for semantic dialogs/modals and native controls

Open
#22,275 3 comments 0 reactions 1 assignee Claimed by @t3chguy View on GitHub
A11y O-Frequent S-Tolerable T-Task
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Your use case

#### What would you like to do?

Use `` HTML element for dialogs/modals

#### Why would you like to do it?

To use the most semantic HTML element and have expected dialog/modal controls for the platform.

Demo: https://googlechrome.github.io/dialog-polyfill/

### Have you considered any alternatives?

_No response_

### Additional context

Related:

- https://github.com/vector-im/element-web/issues/11513
- https://github.com/vector-im/element-web/issues/20458

---

- dialog
- modal

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.