Ticket #4022: dialog.shadow.html
File dialog.shadow.html, 3.0 KB (added by Marc Diethelm, January 31, 2009 12:40PM UTC)

minimal testcase

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Dialog Shadow Bug</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link rel="stylesheet" href="http://view.jquery.com/tags/ui/testing/themes/base/ui.core.css" type="text/css" />
	<link rel="stylesheet" href="http://view.jquery.com/tags/ui/testing/themes/base/ui.all.css" type="text/css" />

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.3.1.js"></script>
    <script type="text/javascript" src="http://view.jquery.com/tags/ui/testing/ui/jquery.ui.all.js"></script>

    <style type="text/css">
    </style>

</head>

<body>

    <div id="dialog" style="display:none;">
        dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div
        dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div
        dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div
        dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div
        dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div
        dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div
        dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div
        dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div dialog div
    </div>

    <div id="background-div" style="z-index: 100; position:absolute; background-color: #ff8888;">
        background div background div background div background div background div background div background div background div background div
        background div background div background div background div background div background div background div background div background div
        background div background div background div background div background div background div background div background div background div
        background div background div background div background div background div background div background div background div background div
        background div background div background div background div background div background div background div background div background div
        background div background div background div background div background div background div background div background div background div
        background div background div background div background div background div background div background div background div background div
        background div background div background div background div background div background div background div background div background div
    </div>

    <script type="text/javascript">

        $(function () {

            $("#dialog").dialog();

        });

    </script>


</body>
</html>

Download in other formats:

Original Format