Chromium Code Reviews Chromium Code Reviews
Issue 17654008:
Implement the ::backdrop pseudo-element for modal <dialog>. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/dialog/modal-dialog-backdrop.html |
| diff --git a/LayoutTests/dialog/modal-dialog-backdrop.html b/LayoutTests/dialog/modal-dialog-backdrop.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..c5ff889640b7a4a0b51dd86038058ca779e32b98 |
| --- /dev/null |
| +++ b/LayoutTests/dialog/modal-dialog-backdrop.html |
| @@ -0,0 +1,30 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +dialog { |
| + top: 100px; |
| + height: 100px; |
| + width: 100px; |
| + background: green; |
| +} |
| + |
| +/* The default CSS style from the spec gives a background color but no dimensions, |
| + * so the backdrop has zero size by default. |
| + * http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#rendering |
| + */ |
|
esprehn
2013/07/03 23:44:29
Seriously? Crazytown.
|
| +dialog::backdrop { |
| + position: fixed; |
| + top: 0; |
| + left: 0; |
| + right: 0; |
| + bottom: 0; |
| +} |
| +</style> |
| +<body> |
| +Test for the default user agent style of dialog::backdrop. The test passes if |
| +there is a green box, above a very lightly translucent gray box spanning the |
| +viewport. |
| +<dialog></dialog> |
| +<script> |
| +document.querySelector('dialog').showModal(); |
| +</script> |
| +</body> |
