slideToggle and css position in IE

[Alexis Gagnon <[email protected]…>]

In all IE version (IE6 to IE9), the slideToggle, slideUp and slideDown functions don't work properly on unordered list when list items have a css position set to relative (and probably absolute and fixed, but you can see the real problem easily with position: relative). If no css position is set, it works fine.

Bug occurs using most jQuery versions I've tried, including the latest (1.7.1), in all versions of IE from IE6 to IE9, on any Windows OS (WinXP, Vista 7).

When you slideDown, the list items will appear beneath the next element and then will slideDown. When you slideUp, it will slideUp but keep the list items beneath the next element and when the slideUp is complete, the list will disappear.

Test this in IE : ​http://jsfiddle.net/fZwHR/11/embedded/result/

[Sreejesh Karunakaran <[email protected]…>]

Tested the jsfiddle sample in IE9 (on windows 7). Could not reproduce the behavior.

[sindresorhus]

​Simplified testcase

I could only reproduce the issue in your jsfiddle in IE6/7. The internetz says it's a ​very ​well known problem.

The problem is apparent ​without jQuery too, so it's not a jQuery bug.

Setting "position: relative; zoom: 1;" on the parent seems to fix the problem.

[addyosmani]

Given this is not a jQuery bug par se (and is well known), do we still want to fix it?

[sindresorhus]

This is easy for devs to fix themselves. We should document, but not fix.

[mikesherov]

needsdocs tickets should be closed. Once the documenting happens, remove the keyword.

[gnarf]

Honestly, they should become issues on the api repo now instead of lurking here.

[sindresorhus]

#12431 is a duplicate of this ticket.