| <!DOCTYPE html> |
| <style> |
| dialog { |
| visibility: hidden; |
| } |
| |
| dialog::backdrop { |
| height: 100px; |
| width: 50px; |
| } |
| |
| #left::backdrop { |
| position: static; |
| top: 100px; |
| left: 100px; |
| background: green; |
| } |
| |
| #right::backdrop { |
| position: relative; |
| background: green; |
| top: 100px; |
| left: 150px; |
| } |
| </style> |
| <body> |
| Test that position 'static' or 'relative' for ::backdrop computes to 'absolute'. |
| The test passes if there is a single green box. |
| <dialog id="left"></dialog> |
| <dialog id="right"></dialog> |
| </div> |
| <script> |
| document.querySelector('#left').showModal(); |
| document.querySelector('#right').showModal(); |
| </script> |
| </body> |