Side navigation
#5905 closed bug (duplicate)
Opened January 22, 2010 11:50PM UTC
Closed November 20, 2010 01:58AM UTC
Last modified November 20, 2010 01:58AM UTC
slideDown and slideUp and min-height
| Reported by: | net4794 | Owned by: | brandon |
|---|---|---|---|
| Priority: | critical | Milestone: | 1.4.1 |
| Component: | effects | Version: | 1.4 |
| Keywords: | slideUp slideDown | Cc: | |
| Blocked by: | Blocking: |
Description
When min-height is used in CSS, slideUp and slideDown do not function correctly. Instead of sliding, it will wait the time for it to slide and then just appear or disappear(according to which is used).
It took me about an hour of fidgeting with my jQuery and HTML until I noticed the inline CSS code may have to do with the problem.
$("#notice").delay(1500).slideUp();
<div id="notice" style="min-height:100px;">
asdf<br />asdf<br />asdf
</div>
Everything else works, including the 'height' command.
Please contact me as soon as this has been patched, thank you!
Attachments (0)
Change History (5)
Changed November 14, 2010 03:46AM UTC by comment:1
| status: | new → open |
|---|---|
| summary: | Problem with the slideDown and slideUp and an important, widely-used css command. → slideDown and slideUp and min-height |
Changed November 14, 2010 03:47AM UTC by comment:2
| component: | event → effects |
|---|
Changed November 15, 2010 07:41PM UTC by comment:3
I'd love to see this get fixed.
Duplicate of #6618, #4623, #4415 (includes a patch to fix) and #1004.
Even gets its own wiki entry: http://docs.jquery.com/Tutorials:Getting_Around_The_Minimum_Height_Glitch
Going to disagree strongly with anyone who says it's not a bug; the various duplicates plus the need for a Wiki article to work around the "glitch" mean this one is tripping a lot of folks up.
The use case is: I want to toggle interface elements on and off with a slide or other animation, but the interface elements look bad if they're not at least 200px tall. So I give them a min-height; but, due to the bug, that prevents sliding from working correctly.
Here's a JSFiddle showing the bug still standing in 1.4.4:
I elaborate on my reasoning here (and receive some well-reasoned objections, though I happen to think they're wrong):
http://forum.jquery.com/topic/animations-should-temporarily-override-min-height-and-min-width
Changed November 20, 2010 01:58AM UTC by comment:4
| resolution: | → duplicate |
|---|---|
| status: | open → closed |