Opened 12 years ago

Last modified 11 years ago

#7271 open bug

Resizable: Resizing horizontally with helper causes a vertical resize to occur in IE7 / 8

Reported by: Bluff Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.resizable Version: 1.8.11
Keywords: Cc:
Blocked by: Blocking:

Description

With reference to the demo here:

​http://jsfiddle.net/4kUGX/1/

Consider the rightmost red box. If I grab its right-hand side and pull it to the right, then the box becomes wider (as expected), but the box also becomes slightly taller (which, of course, is not expected).

This occurs in IE 8 on Windows 7.

Detailed information about software versions:

IE 8.0.7600.16385

Windows 7 Home Premium, Version 6.1 (Build 7600)

Just in case the demo on jsFiddle doesn't work properly, here is a page that should work: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">

<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8">

    <title>height of box also changed</title>

    <link type="text/css"
      href="ui/css/ui-lightness/jquery-ui-1.8.11.custom.css"
      rel="stylesheet">	

    <style type="text/css">
      .helper {
	border-style: dashed;
	border-width: thick;
      }

      .c1 {
	float: left;
	margin: 1em;
	width: 200px;
	height: 200px;
	background-color: red;
      }
    </style>

    <script type="text/javascript" src="jquery-1.5.2.js"></script>
    <script type="text/javascript"
      src="ui/js/jquery-ui-1.8.11.custom.min.js"></script>
  </head>
  <body>
    <div class=c1></div>
    <div class=c1></div>

    <script type="text/javascript">
      $(
	$('.c1:last').resizable(
	  {
	    helper: 'helper'
	  }
	)
      );
    </script>
  </body>
</html>

Change History (2)

comment:1 Changed 11 years ago by Scott González

Milestone: 1.9.0 → 2.0.0

comment:2 Changed 11 years ago by tj.vantoll

Status: new → open
Summary: resizing horizontally causes vertical resize to occur also (in IE 8, with a special helper) → Resizable: Resizing horizontally with helper causes a vertical resize to occur in IE7 / 8

Verified this is still an issue in 1.9.1 and cleaned up the test case - ​http://jsfiddle.net/tj_vantoll/P5pM6/. Also confirmed that this issue occurs in IE7 and IE8 but does not occur in IE9.

Note: See TracTickets for help on using tickets.