flickering problem with jQuery 1.5 hide/show issue with inline and inline-block elements on webkit browsers

Reported by:	choym@predsci.com	Owned by:
Priority:	low	Milestone:	1.8
Component:	effects	Version:	1.5.1
Keywords:		Cc:
Blocked by:		Blocking:

Description

I have a form that hides/shows a secondary options menu using jquery, based on a radio button selection. I've noticed that in webkit browsers (Chrome, Safari) the first hidden menu (under the second radio button) flickers then disappears, while the second hidden menu (under the third radio button) behaves properly.

Here's the link http://www.predsci.com/~janvier/webcorhel2/example.php

and http://www.predsci.com/~janvier/webcorhel2/example2.php

I think I've traced this to the css display rule (makeMeInline) that I give to the secondary menu, which makes it an inline-block. This effect is also present when using display:inline, but not display:block. As I said, this is with webkit browsers; firefox and opera are fine.

Note that this is with JQuery 1.5.1. With jQuery 1.3.2 this issue also does not occur. (example.php uses v.1.5.1, and example2.php uses 1.3.2)

Any insights?

Attachments (0)

Change History (6)

Changed March 07, 2011 12:46AM UTC by rwaldron comment:1

component:	unfiled → effects
priority:	undecided → high
status:	new → open

Changed March 07, 2011 12:46AM UTC by rwaldron comment:2

keywords:	→ needsreview

Changed July 12, 2011 05:13PM UTC by gnarf comment:3

http://jsfiddle.net/xJkDd/ - This fiddle shows the issue and has been reduced quite a bit... There is some weirdness going on there for sure, but I'm not entirely sure why or how... Note that if you remove one of the <br> tags that the problem goes away...

Changed July 12, 2011 05:14PM UTC by gnarf comment:4

keywords:	needsreview
priority:	high → low

Changed June 16, 2012 02:28PM UTC by mikesherov comment:5

milestone:	1.next → 1.8

This is now fixed. Another mysterious fix from the 1.8 rewrite? gnarf, I'm not going to close this, as you'll probably want to write a unit test. Want to take it?

Changed June 18, 2012 04:20PM UTC by mikesherov comment:6

resolution:	→ fixed
status:	open → closed

This is fixed. No unit test to write. All hail the animation rewrite!

Side navigation

#8387 closed bug (fixed)