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.
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.