OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 dialog::backdrop { | 3 dialog::backdrop { |
4 position: absolute; | 4 position: absolute; |
5 top: 100px; | 5 top: 100px; |
6 left: 100px; | 6 left: 100px; |
7 height: 100px; | 7 height: 100px; |
8 width: 100px; | 8 width: 100px; |
9 background: red; | 9 background: red; |
10 } | 10 } |
(...skipping 18 matching lines...) Expand all Loading... |
29 | 29 |
30 var closedDialog = document.getElementById('closed-dialog'); | 30 var closedDialog = document.getElementById('closed-dialog'); |
31 closedDialog.showModal(); | 31 closedDialog.showModal(); |
32 closedDialog.close(); | 32 closedDialog.close(); |
33 | 33 |
34 var removedDialog = document.getElementById('removed-dialog'); | 34 var removedDialog = document.getElementById('removed-dialog'); |
35 removedDialog.showModal(); | 35 removedDialog.showModal(); |
36 removedDialog.parentNode.removeChild(removedDialog); | 36 removedDialog.parentNode.removeChild(removedDialog); |
37 </script> | 37 </script> |
38 </body> | 38 </body> |
OLD | NEW |