Opened 15 years ago

Closed 10 years ago

#3124 closed bug (worksforme)

Resizable element within Iframe jumps/shifts during resize

Reported by: [email protected] Owned by: eduardo
Priority: minor Milestone: 2.0.0
Component: ui.resizable Version: 1.5.1
Keywords: iframe, resizable Cc: [email protected]
Blocked by: Blocking:

Description (last modified by mikesherov)

The iframe have horizontal and vertival scrollbars. After I scrolled the iframe, every time I started resizing the element, the element shifted lower and to the right. I think it shifted by how far the element is from the upper right hand corner. This happens on Internet Explorer 7.0.6000.16643 on Windows Vista Business Edition

Thanks for the help Sample Code -- content of parent.htm

<!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>Untitled Page</title>
</head>
<body>
    <iframe id="ChildFrame" name="ChildFrame" src="child.htm" style="width:270px; height:270px"></iframe>

</body>
</html>

-- Content of child.htm
<!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>Untitled Page</title>
  <script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
  <script src="jquery.ui.all.js"></script>
</head>
<body>

<div id="MoveableElement" style="position:absolute;left:200px;top:200px; background-color:yellow; width:150px; height:100px; border-style:solid; border-color:black;" >
    <div id="HeaderTitle" style="background-color:green; ">Header Title</div>

</div>
<script language="javascript">
  $(document).ready(function(){
       
       $("#MoveableElement").resizable( { 
            handles: "se"
       });
  });
  </script>
</body>
</html>

--

Change History (6)

comment:1 Changed 15 years ago by Cloudream

Milestone: TDB
Priority: majorminor

comment:2 Changed 14 years ago by Scott González

Milestone: TBD1.6

comment:3 Changed 14 years ago by rdworth

Milestone: 1.71.8

comment:4 Changed 10 years ago by Scott González

Milestone: 1.9.02.0.0

comment:5 Changed 10 years ago by mikesherov

Description: modified (diff)

comment:6 Changed 10 years ago by tj.vantoll

Resolution: worksforme
Status: newclosed

Thanks for taking the time to contribute to the jQuery UI project! I ported this example over to jsFiddle - http://jsfiddle.net/tj_vantoll/B7C7r/. I cannot recreate the problem described with the most recent version of jQuery UI (1.9.1) on the latest Chrome nor IE7 via BrowserStack.

If you have any additional information on how we can recreate this issue please let us know so we can reinvestigate.

Note: See TracTickets for help on using tickets.