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