animate width of inline object in ie7 changes display to inline-block

[[email protected]…]

ie7 does not support inline-block

if you set zoom = 1 and display = inline it does the same as inline-block

it looks like this is taken care of on lines 8562-8567 but it doesn't work on ie7. It sets display to inline-block instead of setting zoom to 1

---

jquery.1.7.2.js line 8562 - 8567

if ( !jQuery.support.inlineBlockNeedsLayout || defaultDisplay( this.nodeName ) === "inline" )
{
  this.style.display = "inline-block";
}
else
{
  this.style.zoom = 1;
}

---

[sindresorhus]

Confirmed in IE6/7.

Testcases:

jQuery 1.7.2: ​http://wroug.com/stuff/testcases/jquery-display-inline.html

Edge: ​http://wroug.com/stuff/testcases/jquery-display-inline-edge.html

[mikesherov]

Thanks for contributing!

From ​http://stackoverflow.com/questions/5838454/inline-block-doesnt-work-in-internet-explorer-7-6 :

"In IE6/IE7, display: inline-block only works on elements that are naturally inline (such as spans)."

This code is working as expected. If you have a situation in which this is destructive or causes another bug, please post a complete reduced test case on jsfiddle on a new bug report. Thanks again!