diff options
| author | Felix Nagel <info@felixnagel.com> | 2013-10-10 00:08:49 +0200 |
|---|---|---|
| committer | Felix Nagel <info@felixnagel.com> | 2013-10-10 00:08:49 +0200 |
| commit | e26e0df3afdfe6c43ed9f904281abb7e38ba1df1 (patch) | |
| tree | 03ab5416339969869855786ab5154e7e08b650ac /tests/visual/dialog/stacking.html | |
| parent | f8377ed5afe083a916f965aee4a30a65dfd2560a (diff) | |
| parent | 9620812986a090668c44d48a7c85a46b580a89df (diff) | |
| download | jquery-ui-e26e0df3afdfe6c43ed9f904281abb7e38ba1df1.tar.gz jquery-ui-e26e0df3afdfe6c43ed9f904281abb7e38ba1df1.zip | |
Merge branch 'master' into selectmenu
Diffstat (limited to 'tests/visual/dialog/stacking.html')
| -rw-r--r-- | tests/visual/dialog/stacking.html | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/tests/visual/dialog/stacking.html b/tests/visual/dialog/stacking.html new file mode 100644 index 000000000..dcb7de280 --- /dev/null +++ b/tests/visual/dialog/stacking.html @@ -0,0 +1,62 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Dialog Visual Test</title> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> + <script src="../../../jquery-1.10.2.js"></script> + <script src="../../../ui/jquery.ui.core.js"></script> + <script src="../../../ui/jquery.ui.widget.js"></script> + <script src="../../../ui/jquery.ui.mouse.js"></script> + <script src="../../../ui/jquery.ui.draggable.js"></script> + <script src="../../../ui/jquery.ui.position.js"></script> + <script src="../../../ui/jquery.ui.resizable.js"></script> + <script src="../../../ui/jquery.ui.button.js"></script> + <script src="../../../ui/jquery.ui.dialog.js"></script> + + <style> + body { + font-size: 62.5%; + } + </style> + <script> + $(function() { + var iframeDialog = $( "#dialog-iframe" ).dialog({ + position: { + my: "right-90 center" + }, + height: 400 + }), + + scrollingDialog = $( "#dialog-scrolling" ).dialog({ + maxHeight: 200, + position: { + my: "left+90 center" + } + }), + + otherDialog = $( "#dialog-other" ).dialog({ + width: 200, + height: 150 + }); + }); + </script> +</head> +<body> + +<p>WHAT: Two dialogs, one embedding an iframe, one having just scrollable content.</p> +<p>EXPECTED: When focusing on one or the other dialog, it shouldn't affect how the content is displayed on the other dialog. It shouldn't reload the iframe or reset the scroll.</p> + + +<div id="dialog-iframe" title="Dialog that embeds an iframe"> + <iframe src="animated.html" height="400"></iframe> +</div> + +<div id="dialog-scrolling" title="Dialog with scroll"> + <p style="height:600px;background:#eee">a bunch of content</p> +</div> + +<div id="dialog-other" title="placeholder">Just another dialog to test stacking</div> + +</body> +</html> |