Bug Tracker

Opened 8 years ago

Closed 8 years ago

#10414 closed bug (invalid)

Width/height-measures return wrong value in connection /w CSS-transitions

Reported by: drublic Owned by:
Priority: low Milestone: None
Component: dimensions Version: 1.7b1
Keywords: Cc:
Blocked by: Blocking:

Description

If you use CSS3 transitions on an element and want to get the width via $.fn.width() or $.fn.css('width') after you manipulated it first, the value that gets returned is the same size as before.

I set up a jsFiddle for this case: http://jsfiddle.net/drublic/9Sput/ I'm using the 1.7 from the git-repo here…

Browserstuff:

  • Not working in Safari 5.1, Chrome Stable and Chrome Canary (16), Opera 11.51
  • working in Firefox Nightly 10.0a1 and Firefox Stable
  • no IE at hand

This might be a browser-thing… But maybe you want to check it.

Change History (1)

comment:1 Changed 8 years ago by timmywil

Component: unfileddimensions
Priority: undecidedlow
Resolution: invalid
Status: newclosed

Wait until the transition is finished to check the dimensions of the element.

I wouldn't recommend actually using a setTimeout, but to make the point, see:

http://jsfiddle.net/timmywil/9Sput/18/

Note: See TracTickets for help on using tickets.