flickering problem with jQuery 1.5 hide/show issue with inline and inline-block elements on webkit browsers
|Reported by:||choym@…||Owned by:|
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
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)
Change History (6)
comment:1 Changed 6 years ago by rwaldron
- Component changed from unfiled to effects
- Priority changed from undecided to high
- Status changed from new to open
comment:4 Changed 6 years ago by gnarf
- Keywords needsreview removed
- Priority changed from high to low