Skip to main content

Search and Top Navigation

#7271 open bug ()

Opened April 19, 2011 08:11PM UTC

Last modified October 28, 2012 03:04AM UTC

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>
Attachments (0)
Change History (2)

Changed October 11, 2012 02:52PM UTC by scottgonzalez comment:1

milestone: 1.9.02.0.0

Changed October 28, 2012 03:04AM UTC by tj.vantoll comment:2

status: newopen
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.