| 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 |