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 comment:1
component: | unfiled → effects |
---|---|
priority: | undecided → low |
status: | new → open |
Changed December 28, 2012 07:30AM UTC by 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 comment:3
resolution: | → notabug |
---|---|
status: | open → closed |
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!
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