Bug Tracker

Opened 6 years ago

Closed 5 years ago

#8387 closed bug (fixed)

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

Reported by: choym@… 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?

Change History (6)

comment:1 Changed 6 years ago by Rick Waldron

Component: unfiledeffects
Priority: undecidedhigh
Status: newopen

comment:2 Changed 6 years ago by Rick Waldron

Keywords: needsreview added

comment:3 Changed 6 years ago by gnarf

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

comment:4 Changed 6 years ago by gnarf

Keywords: needsreview removed
Priority: highlow

comment:5 Changed 5 years ago by mikesherov

Milestone: 1.next1.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?

comment:6 Changed 5 years ago by mikesherov

Resolution: fixed
Status: openclosed

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

Note: See TracTickets for help on using tickets.