<dialog> "modal" boolean attribute

[WebWeWantBot]

---

title: "modal" boolean attribute
date: 2023-05-06T06:10:30.702Z
submitter: Jiyoung Joung
number: 6455ef56496486005d09cc9f
tags: [ ]
discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/
status: [ discussing || in-progress || complete ]
related:

• title:
  url:
  type: [ article || explainer || draft || spec || note || discussion ]

---

It is for the consistence of show() and showModal(). When I declare the modal dialog, you just type:

<dialog modal="modal">
   <!--something content...-->
</dialog>

or when you open the dialog by javascript, you just type:

const dialog = document.querySelector('dialog');
dialog.show( { modal: true } )

It would be nicer to declare "modal boolean attribute" because we will be able to open dialog by only one function(show()).

---

If posted, this will appear at https://webwewant.fyi/wants/6455ef56496486005d09cc9f/

[github-actions]

🤖 Approved and ready for processing.

Follow ALL instructions in .github/instructions/wants-processing.instructions.md section "Step 5: Want File Creation" - this is your ONLY source of truth.

Key steps:

1. Run npm run create-want to generate UUID and markdown template
2. Fill in the markdown file with data from this issue (ensure the discussion URL ends with this issue number)
3. Add any related links and update the original issue body to match the cleaned want content (no frontmatter)
4. Run npm run validate-want wants/<UUID>.md to validate
5. Create branch and PR with markdown file
6. Reference this issue number in the PR description

Do not look at any other documentation files for processing guidance.