Bug Tracker

Opened 10 years ago

Closed 10 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 10 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 10 years ago by jitter (previous) (diff)

comment:2 Changed 10 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.