blob: 6ffd72296d8302c71866624b08b1b3213f1b5e4e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<!DOCTYPE html>
<meta charset=utf-8>
<title>dialog element centered frame</title>
<style>
html {
writing-mode: {{GET[html-writing-mode]}}
}
#container {
writing-mode: {{GET[container-writing-mode]}}
}
dialog {
writing-mode: {{GET[dialog-writing-mode]}};
border: none;
padding: 0;
max-width: initial;
max-height: initial;
width: {{GET[dialog-width]}};
height: {{GET[dialog-height]}};
}
</style>
<div id="container">
<dialog>X</dialog>
</div>
<script>
"use strict";
document.querySelector("dialog").showModal();
</script>
|