| Index: LayoutTests/dialog/modal-dialog-generated-content.html
|
| diff --git a/LayoutTests/dialog/modal-dialog-generated-content.html b/LayoutTests/dialog/modal-dialog-generated-content.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..55632bd9901a28804936b9ddd9031619919175b9
|
| --- /dev/null
|
| +++ b/LayoutTests/dialog/modal-dialog-generated-content.html
|
| @@ -0,0 +1,56 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +dialog {
|
| + padding: 0px;
|
| + border: none;
|
| + margin: 0px;
|
| + top: 100px;
|
| + left: 100px;
|
| + height: 100px;
|
| + width: 100px;
|
| + background: green;
|
| +}
|
| +
|
| +dialog::before {
|
| + content: '::before';
|
| + position: absolute;
|
| + top: 0px;
|
| +}
|
| +
|
| +dialog::after {
|
| + content: '::after';
|
| + position: absolute;
|
| + bottom: 0px;
|
| +}
|
| +
|
| +dialog::backdrop {
|
| + position: absolute;
|
| + top: 100px;
|
| + left: 300px;
|
| + height: 100px;
|
| + width: 100px;
|
| + background: green;
|
| + content: 'THIS TEXT SHOULD NOT BE SEEN';
|
| +}
|
| +
|
| +dialog::backdrop::before {
|
| + content: '::backdrop::before';
|
| + position: absolute;
|
| + top: 0px;
|
| + background: red;
|
| +}
|
| +dialog::backdrop::after {
|
| + content: '::backdrop::after';
|
| + position: absolute;
|
| + bottom: 0px;
|
| + background: red;
|
| +}
|
| +</style>
|
| +<body>
|
| +Test for a modal dialog with ::before, ::after, and ::backdrop. The test passes
|
| +if there are two green boxes, one with the texts "::before" and "::after" in it.
|
| +<dialog></dialog>
|
| +<script>
|
| +document.querySelector('dialog').showModal();
|
| +</script>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 17654008:
Implement the ::backdrop pseudo-element for modal <dialog>. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk