Bug Tracker

Modify

Ticket #10414 (closed bug: invalid)

Opened 20 months ago

Last modified 20 months ago

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:
Blocking: Blocked by:

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

comment:1 Changed 20 months ago by timmywil

  • Priority changed from undecided to low
  • Resolution set to invalid
  • Status changed from new to closed
  • Component changed from unfiled to dimensions

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/

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.