Ticket #6248: drag-n-resize.reproduction.html

File drag-n-resize.reproduction.html, 1.0 KB (added by pyhoster, 12 years ago)

Html code for bug reproduction

Line 
1<html>
2        <head>
3                <script src="jquery-1.4.2.min.js"></script>
4                <script src="jquery-ui-1.8.5.custom.min.js"></script>
5                <script> 
6                        $(document).ready(function() {
7                                $("#drag-n-resize").draggable({
8                                        containment : 'parent',
9                                        stop: function(event, ui) {
10                                                $("#debug").val(ui.position["left"]+","+ui.position["top"]);
11                                        }       
12                                });
13                                $("#drag-n-resize").resizable();
14                        });
15                </script>
16                <style> 
17                        @import url(jquery-ui-1.8.5.custom.css);
18                        #container {
19                                border: 1px solid #000;
20                                width: 800px;
21                                height: 600px;
22                        }
23                        #drag-n-resize {
24                                background: #f00;
25                                width: 100px;
26                                height: 100px;
27                        }
28                </style>
29        </head>
30        <body>
31                Try simply drag red square. Everything is going alright.<br>
32                Put it at left-upper corner - coords will be 0,0;<br>
33                And now change square size and drug it. Position is not more relative to #container object. =(<br>
34                Put it at left-upper corner - coords will not be 0,0;
35                <div id="container"> 
36                        <div id="drag-n-resize"></div>
37                </div>
38                Position: <input disabled="disabled" id="debug">
39        </body>
40</html>