feat: close dialog on backdrop click

WofWca · WofWca · commit 04255df18d30 · 2026-02-15T19:52:58.000+04:00
The dialog is not that "important" so we should probably allow
dismissing it more easily.
diff --git a/website/apps/main.js b/website/apps/main.js
@@ -68,7 +68,7 @@ const Dialog = ({app, modal, toggleModal}) => {
   }
 
   return html`
-    <dialog ref=${ref} id=${app.app_id} onClose=${() => toggleModal(false)} aria-labelledby="${app.app_id}_label" aria-describedby="${app.app_id}_desc">
+    <dialog ref=${ref} id=${app.app_id} onClose=${() => toggleModal(false)} closedby="any" aria-labelledby="${app.app_id}_label" aria-describedby="${app.app_id}_desc">
       <div class="app-container">
         <img src="${xdcget_export + "/" + app.icon_relname}" loading="lazy" alt="Icon of ${app.name} app" />
         <div class="metadata">

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ const Dialog = ({app, modal, toggleModal}) => {`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	return html`
`71`		`- <dialog ref=${ref} id=${app.app_id} onClose=${() => toggleModal(false)} aria-labelledby="${app.app_id}_label" aria-describedby="${app.app_id}_desc">`
	`71`	`+ <dialog ref=${ref} id=${app.app_id} onClose=${() => toggleModal(false)} closedby="any" aria-labelledby="${app.app_id}_label" aria-describedby="${app.app_id}_desc">`
`72`	`72`	`<div class="app-container">`
`73`	`73`	`<img src="${xdcget_export + "/" + app.icon_relname}" loading="lazy" alt="Icon of ${app.name} app" />`
`74`	`74`	`<div class="metadata">`