Bug Tracker

Opened 10 years ago

Closed 10 years ago

Last modified 8 years ago

#5732 closed bug (duplicate)

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


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)

test-toggle2.html (1.1 KB) - added by candlerb 10 years ago.

Download all attachments as: .zip

Change History (3)

Changed 10 years ago by candlerb

Attachment: test-toggle2.html added

comment:1 Changed 10 years ago by candlerb

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.

comment:2 Changed 10 years ago by john

Component: unfiledselector
Resolution: duplicate
Status: newclosed

Duplicate of #5670.

Note: See TracTickets for help on using tickets.