OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 dialog { | 5 dialog { |
6 height: 100px; | 6 height: 100px; |
7 width: 100px; | 7 width: 100px; |
8 } | 8 } |
9 | 9 |
10 ::backdrop { | 10 ::backdrop { |
(...skipping 22 matching lines...) Expand all Loading... |
33 var bottomDialog = document.getElementById('bottomDialog'); | 33 var bottomDialog = document.getElementById('bottomDialog'); |
34 bottomDialog.showModal(); | 34 bottomDialog.showModal(); |
35 bottomDialog.offsetTop; // force a layout | 35 bottomDialog.offsetTop; // force a layout |
36 var parent = bottomDialog.parentNode; | 36 var parent = bottomDialog.parentNode; |
37 parent.removeChild(bottomDialog); | 37 parent.removeChild(bottomDialog); |
38 parent.appendChild(bottomDialog); | 38 parent.appendChild(bottomDialog); |
39 </script> | 39 </script> |
40 </body> | 40 </body> |
41 </html> | 41 </html> |
42 | 42 |
OLD | NEW |