| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 dialog { | 3 dialog { |
| 4 top: 100px; | 4 top: 100px; |
| 5 height: 100px; | 5 height: 100px; |
| 6 width: 100px; | 6 width: 100px; |
| 7 background: green; | 7 background: green; |
| 8 } | 8 } |
| 9 | |
| 10 /* The default CSS style from the spec gives a background color but no dimension
s, | |
| 11 * so the backdrop has zero size by default. | |
| 12 * http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#re
ndering | |
| 13 */ | |
| 14 dialog::backdrop { | |
| 15 position: fixed; | |
| 16 top: 0; | |
| 17 left: 0; | |
| 18 right: 0; | |
| 19 bottom: 0; | |
| 20 } | |
| 21 </style> | 9 </style> |
| 22 <body> | 10 <body> |
| 23 Test for the default user agent style of dialog::backdrop. The test passes if | 11 Test for the default user agent style of dialog::backdrop. The test passes if |
| 24 there is a green box, above a very lightly translucent gray box spanning the | 12 there is a green box, above a very lightly translucent gray box spanning the |
| 25 viewport. | 13 viewport. |
| 26 <dialog></dialog> | 14 <dialog></dialog> |
| 27 <script> | 15 <script> |
| 28 document.querySelector('dialog').showModal(); | 16 document.querySelector('dialog').showModal(); |
| 29 </script> | 17 </script> |
| 30 </body> | 18 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 24493004:
Make dialog::backdrop span the viewport by default. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk