Ticket #38 (closed bug: fixed)
slideDown from display: none
| Reported by: | john | Owned by: | |
|---|---|---|---|
| Priority: | critical | Milestone: | 1.0 |
| Component: | effects | Version: | 1.0 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
When revelaing a fieldset that starts out as display: none, it gives an instanteous flickr (height should probably be set to 0 before animation begins?)
Change History
comment:2 Changed 7 years ago by contact@…
I have also noticed a flicker, on FF only both Mac and Windows, when using the slideDown() on an element that has the CSS display property set to none. You can see this flicker on the ThickBox demo page when a ThickBox is opened.
comment:3 Changed 7 years ago by Brice Burges
I confirm this bug. It also seems to "flicker" in (@ end of animation).
Here's some example HTML: <div style="position: relative; width: 100%; z-index: 1;">
<a id="personalize" href="#">{t}Add Personalization{/t}</a> <div id="selectField" style="z-index: 2; display: none; position: absolute; top: -5px; left: -5px; width: 90%; background-color: #e6eaff; padding: 7px; border: 1px solid;">
filler... filler <br> filler... filler (to slide up/down) <br>
</div>
</div>
and the JAVASCRIPT:
$("#personalize").click(function() {
$("#selectField").slideDown('slow'); return false; });
<span style="font-weight: bold;">{t}Add Personalization{/t}: </span> <span class="pommoHelp"> {t}Filler{/t} </span> <hr style="clear: both;">
</div>
comment:4 Changed 7 years ago by Brice Burges
Some other ODD behaviour -->
If you run slideUp() on an element. Then run it again (run slide up on an element twice), slideDown() will cease to function. On the other hand, you can run multiple times on an element and a call to slideUp() will still function as normal.
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
