Skip to main content

Bug Tracker

Side navigation

#10414 closed bug (invalid)

Opened October 03, 2011 10:36PM UTC

Closed October 04, 2011 02:08AM UTC

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.

Attachments (0)
Change History (1)

Changed October 04, 2011 02:08AM UTC by timmywil comment:1

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/