Side navigation
#7627 closed bug (worksforme)
Opened November 24, 2010 07:14PM UTC
Closed November 25, 2010 06:25AM UTC
Last modified March 13, 2012 10:37PM UTC
Firefox flickering when using .slideToggle
| Reported by: | anonymous | Owned by: | anonymous |
|---|---|---|---|
| Priority: | undecided | Milestone: | 1.5 |
| Component: | unfiled | Version: | 1.4.4 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
I´m having a problem when using .slideToggle!
I works fine, but in Firefox whenever I click the toggle triggerthat opens a small language box (just like twitter) , Firefox generates a slide bar on the page. If go to the bottom of the page with my scroll and click to close the language box, the screen flickers.
I saw many other people complaining about it, telling that the problem is in Firefox memory!
But it would be nice if there was a solution on Jquery program.
here´s my code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
/* For show/hide language */
$(document).ready(function(){
$('#langbox').hide();
$('#language').click(function () {
$ ('#langbox').slideToggle('slow');
});
});
</script>
and here is my css:
#langbox {
width: 117px;
height: 141px;
background-image:url(imagem/langbox.png);
float:right;
margin-bottom: 20px;
position:relative;
bottom: 165px;
right: -9px;
display: none;
}
#language {
height: 31px;
width: 96px;
float:right;
background-image:url(imagem/botao.png);
background-repeat:no-repeat;
font-family: Calibri;
padding-top: 5px;
right: 6px;
position:relative;
}
Attachments (0)
Change History (3)
Changed November 24, 2010 07:39PM UTC by comment:1
| _comment0: | Thanks for taking the time to contribute to the jQuery project by writing a bug report! \ \ Please submit a reduced test case, which reproduces the issue you are experiencing, on http://jsfiddle.net. So that we can investigate this issue further. As in your post there are several things missing (the images, the html markup). → 1290627655568469 |
|---|---|
| owner: | → anonymous |
| status: | new → pending |
Changed November 25, 2010 06:25AM UTC by comment:2
| resolution: | → worksforme |
|---|---|
| status: | pending → closed |
I've reproduced your original test case here Live Test Case. It appears to be working fine in FireFox without any issues. If you would like to re-open this ticket with further information or a further test case that reproduces the problems you experienced please feel free to.
Changed December 02, 2010 05:58AM UTC by comment:3
Replying to [comment:2 addyosmani]:
I've reproduced your original test case here Live Test Case. It appears to be working fine in FireFox without any issues. If you would like to re-open this ticket with further information or a further test case that reproduces the problems you experienced please feel free to.
Do a live test using Firefox 4 B7. The problem occurs for me on my own code.
Unfortunately, when I copied the code over to jsFiddle, it stopped showing the strange behavior; I do however have a copy of the code live to check the behavior on. Though, be warned as DNS propagation for the subdomain is ongoing at the moment.
Thanks for taking the time to contribute to the jQuery project by writing a bug report! But keep in mind that the jQuery bug tracker is not for support requests. Please use the jQuery Forum for support requests.
If you think this is really a bug then please submit a reduced test case, which reproduces the issue you are experiencing, on http://jsfiddle.net. So that we can investigate this issue further. As in your post there are several things missing (the images, the html markup).