Flicker on load

Reported by:	anonymous	Owned by:	anonymous
Priority:	low	Milestone:	1.next
Component:	manipulation	Version:	1.6.1
Keywords:		Cc:
Blocked by:		Blocking:

Description

I have a code that addClass to elements similar to

$(function(){

$("#elm").addClass("transform");

});

In Jquery 1.5.1, the page loads correctly.

In Jquery 1.6.1, the page shows the element, then it shows the element with the class applied. Eg: it flickers.

Playing with firebug and trying to find the difference in Jquery code path, I can not figure out why...

Attachments (0)

Change History (6)

Changed May 20, 2011 12:38AM UTC by anonymous comment:1

Just checked with 1.5.2, no flicker either.

Changed May 20, 2011 12:57AM UTC by anonymous comment:2

On IE8, 1.6.1 does not flicker

On FF3 and FF4, 1.6.1 flicker

Changed May 20, 2011 04:17AM UTC by addyosmani comment:3

component:	unfiled → manipulation
owner:	→ anonymous
priority:	undecided → low
status:	new → pending

Thanks for taking the time to contribute to the jQuery project! Please provide a reduced test case on http://jsFiddle.net that reproduces the issue experienced to help us assess your ticket!

Additionally, test against the jQuery (edge) version to ensure the issue still exists.

Changed May 20, 2011 05:07PM UTC by anonymous comment:4

status:	pending → new

http://jsfiddle.net/rHHtF/

It flickers when you click run

Changed May 20, 2011 10:17PM UTC by addyosmani comment:5

resolution:	→ worksforme
status:	new → closed

Thanks for submitting a test case. I've run this multiple times in FF4 and FF3 using jQuery 1.6.1 but haven't been able to reproduce the flicker you're experiencing. Please note that on occasion a number of factors may contribute to such a flicker being experienced. These include but are not limited to: server latency (your local code, jQuery version or other files may be taking longer to load than usual), latency on jsFiddle's side and possibly other logic or resources in your page which may be blocking page assets from loading or executing when desired. We'll be closing this ticket, but please feel free to let us know if you are able to supply additional test cases that demonstrate the behaviour.

Changed August 24, 2011 02:42AM UTC by anonymous comment:6

I have the same experience when upgrading from 1.5.1 to 1.6.1. Only jQuery loaded. When i disable javascript the flicker has been gone. I use firefox 6.0, IE 9.

Also is there a bug in the prop function in IE 9. return elem[ name ] cause an Error. Breaks all other code. I fixed with this workaround:

jQuery.__prop__ = jQuery.prop;

jQuery.prop = function(e, n, v)

{ try{ return jQuery.__prop__(e,n,v); } catch(e) {return false;}};

Side navigation

#9353 closed bug (worksforme)