Bug Tracker

Opened 9 years ago

Closed 9 years ago

Last modified 8 years ago

#7627 closed bug (worksforme)

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;

}

Change History (3)

comment:1 Changed 9 years ago by jitter

Owner: set to anonymous
Status: newpending

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

Last edited 9 years ago by jitter (previous) (diff)

comment:2 Changed 9 years ago by addyosmani

Resolution: worksforme
Status: pendingclosed

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.

comment:3 in reply to:  2 Changed 9 years ago by anonymous

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

http://1379m.codebite.net/

Note: See TracTickets for help on using tickets.