Skip to main content

Bug Tracker

Side navigation

#11760 closed bug (notabug)

Opened May 13, 2012 01:08AM UTC

Closed December 28, 2012 02:04PM UTC

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

Reported by: tbrix13@uzitech.com Owned by:
Priority: low Milestone: None
Component: effects Version: 1.7.2
Keywords: Cc:
Blocked by: Blocking:
Description

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;
}


Attachments (0)
Change History (3)

Changed May 15, 2012 10:39AM UTC by sindresorhus comment:1

component: unfiledeffects
priority: undecidedlow
status: newopen

Changed December 28, 2012 07:30AM UTC by mikesherov comment:2

description: 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; \ } \ \ ---- \ \ 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; \ } \ }}} \ ---- \ \

Changed December 28, 2012 02:04PM UTC by mikesherov comment:3

resolution: → notabug
status: openclosed

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!