Skip to main content

Bug Tracker

Side navigation

#11048 closed bug (fixed)

Opened December 17, 2011 02:56AM UTC

Closed January 18, 2012 02:13AM UTC

Last modified March 09, 2012 08:50PM UTC

Support Tests affect layout for positioned elements in IE6-9

Reported by: anonymous Owned by: mikesherov
Priority: blocker Milestone: 1.7.2
Component: support Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:
Description

jQuery 1.7 and 1.7.1 breaks all Internet Explorers. Looks like a problem with absolute elements. All absolute divs are lowered after document-ready. No problem with 1.6.4 or earlier. No problem with FF, Chrome and Opera (only IE).

Attachments (0)
Change History (14)

Changed December 17, 2011 04:51AM UTC by boushley comment:1

So I've gotten this jsFiddle put together: http://jsfiddle.net/boushley/wryLs/2/ and I can't reproduce the error. This seems to render fine in Chrome for me, and IE. Without more information I think we should close this.

Changed December 17, 2011 04:51AM UTC by boushley comment:2

owner: → anonymous
status: newpending

Changed December 17, 2011 02:51PM UTC by anonymous comment:3

status: pendingnew

Wait, I'll try to give you more information. I'll try to reproduce it in jsFiddle.

Changed December 18, 2011 01:53AM UTC by anonymous comment:4

I worked today on this issue and here's what I found:

-This issue relates to 'position: relative' elements (not absolute elements nested in relative elements, as I thought at first glance).

-Look at this on IE6 (green box is shifted down by 25 pixels, it should be placed at the top of blue box):

http://jsfiddle.net/wryLs/56/

-XHMTL 1.0 Transitional is used in jsFiddle example like on my website.

Any thoughts?

Changed December 19, 2011 03:19PM UTC by timmywil comment:5

component: unfiledsupport
milestone: None1.7.2
priority: undecidedblocker
status: newopen

Changed December 23, 2011 03:33PM UTC by Youri comment:6

_comment0: This does not happen on all IE versions. \ IE 9.0.8112 (and assuming all other IE9 versions) shows the green box perfectly in the left top corner on all of the provided fiddles. \ \ Is it possible to provide a link to the example you use on your site?1324665158408749

This does not happen on all IE versions.

IE 9.0.8112 (and assuming all other IE9 versions) shows the green box perfectly in the left top corner on all of the provided fiddles.

Is it possible to provide a link to the example you use on your site?

EDIT: I've now also tested this in IE versions 6-8 and never have I seen the green box out of place.

Am I missing something or is there no bug?

Changed December 24, 2011 12:15PM UTC by anonymous comment:7

Youri, are you using original preinstalled IE6?

Here's what I and timmywil get:

http://imageshack.us/f/836/26724504.jpg/

(screenshot from http://jsfiddle.net/timmywil/wryLs/59/ example).

Changed December 25, 2011 07:16PM UTC by Youri comment:8

No, it was run on a VM. Seems like there is a css problem then.

Try this fiddle: http://jsfiddle.net/wryLs/65/

I think that for some reason it took the spacing in the html as a space and made the next element (green box) go a line down, so without the spacing it might work.

Either way I don't see how it can be related to JS since that's not being used here.

Changed December 26, 2011 12:57AM UTC by anonymous comment:9

Thanks for trying to help. I tried your fiddle. Same result (box is shifted down).

Shift happens only because jQuery is included in head tag (zero my code). Removing usage of jQuery fixes the problem. New jQuery (1.7+) repositions relative elements in IE after document.ready event.

Unfortunately I'm not familiar with jQuery code to say what it does for IE browsers in it's internal ready event.

Changed December 26, 2011 07:20PM UTC by mikesherov comment:10

This is most definitely caused by moving some of the support tests to after dom ready. The problem went away after I applied the changes from https://github.com/jquery/jquery/pull/642 to my codebase, which remove a lot of the "offset" support test stuff.

I'll see if I can fix this without obliterating the support tests, but I'm not sure it'll be necessary if https://github.com/jquery/jquery/pull/642 gets merged.

Changed December 26, 2011 08:26PM UTC by mikesherov comment:11

owner: anonymousmikesherov
status: openassigned

Changed December 26, 2011 08:27PM UTC by mikesherov comment:12

Changed January 18, 2012 12:12AM UTC by mikesherov comment:13

summary: Broken IE6-IE9 with jQuery 1.7 and 1.7.1Support Tests affect layout for positioned elements in IE6-9

Changed January 18, 2012 02:13AM UTC by Mike Sherov comment:14

resolution: → fixed
status: assignedclosed

fixes #11048: make sure support tests don't modify the layout of the body

Changeset: 2982abbb13454bd4bdf0299f1183fb0d8c02f02d