Skip to main content

Bug Tracker

Side navigation

#5732 closed bug (duplicate)

Opened December 30, 2009 03:19PM UTC

Closed February 07, 2010 02:08PM UTC

Last modified March 15, 2012 10:25AM UTC

IE8 show/hide doesn't work for block following an inline-block

Reported by: candlerb Owned by:
Priority: minor Milestone: 1.4
Component: selector Version: 1.3.2
Keywords: IE8 show hide inline-block Cc:
Blocked by: Blocking:
Description
  • HTML page consists of an inline-block followed by a block
  • Use jQuery to show/hide the block (I am using slideUp/slideDown)
  • After slideDown, the block remains invisible in IE8
  • During slideUp, the block becomes briefly visible before it is slid away

Test page attached. Note that this page doesn't work correctly in IE8, but it works correctly:

1. in Chrome and Firefox, or

2. in IE8 compatibility mode, or

3. if you remove the .header { display: inline-block; }

I have marked this "minor" because you can work around by ensuring the block is not preceded by an inline-block.

(The reason the preceding item was an inline-block in my real application is that there are several objects which I wanted to be on the same line, and it was easier to do this by setting them all to inline-block rather than messing around with floats)

Possibly related to: #4512, #4960, #4753, #4661

-------- version notes ---------

I am using jquery 1.3.2. I have tried jquery-nightly.js but this just gives the following dialog box in IE8:

"Stack overflow at line: 1456"

I've also tried building from git, but it doesn't fetch the sizzle dependency:

brian@ubuntu:~/git/jquery$ make init

Grabbing external dependencies...

brian@ubuntu:~/git/jquery$ From git://github.com/jquery/qunit

  • branch master -> FETCH_HEAD

Already up-to-date.

From git://github.com/jquery/jquery

  • branch master -> FETCH_HEAD

Already up-to-date.

brian@ubuntu:~/git/jquery$ make jquery

Grabbing external dependencies...

Building selector code from Sizzle

sed: can't read src/sizzle/sizzle.js: No such file or directory

make: *** [selector] Error 2

brian@ubuntu:~/git/jquery$ From git://github.com/jquery/jquery

  • branch master -> FETCH_HEAD

Already up-to-date.

From git://github.com/jquery/qunit

  • branch master -> FETCH_HEAD

Already up-to-date.

Attachments (1)
Change History (2)

Changed December 30, 2009 03:51PM UTC by candlerb comment:1

Update: I managed to build jquery from git (commit a00e63ea) - this fixes the 'stack overflow' problem for me, but the original show/hide behaviour problem is still there.

Changed February 07, 2010 02:08PM UTC by john comment:2

component: unfiledselector
resolution: → duplicate
status: newclosed

Duplicate of #5670.