Skip to content

Commit 576386d

Browse files
committed
stop dialog closedBy example from scrolling page
1 parent f774013 commit 576386d

1 file changed

Lines changed: 6 additions & 1 deletion

File tree

  • files/en-us/web/api/htmldialogelement/closedby

files/en-us/web/api/htmldialogelement/closedby/index.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,7 @@ If the `closedby` attribute is absent or invalid, it falls back to the **Auto**
4444

4545
```html hidden
4646
<pre id="log"></pre>
47+
<button id="open">Open modal</button>
4748
```
4849

4950
```js hidden
@@ -52,11 +53,15 @@ function log(text) {
5253
logElement.innerText = `${logElement.innerText}${text}\n`;
5354
logElement.scrollTop = logElement.scrollHeight;
5455
}
56+
const button = document.getElementById("open");
57+
button.addEventListener("click", () => {
58+
const dialog = document.querySelector("dialog");
59+
dialog.showModal();
60+
});
5561
```
5662

5763
```js
5864
const dialog = document.querySelector("dialog");
59-
dialog.showModal();
6065
log(`closedBy: ${dialog.closedBy}`);
6166
```
6267

0 commit comments

Comments
 (0)