div reverts to original size after animation (webkit only)
|Reported by:||patrickwhalen||Owned by:|
Place one div inside another (outer and inner); 'outer' has absolute positioning.
Place text content inside the 'inner' div.
Animate the 'inner' div width and padding to '0'.
The width of the 'outer' div should (and does) animate along with the 'inner'.
The problem is that at the end of the animation, the 'outer' div reverts to its original size. This occurs only in webkit based browsers (tested on Mac OS X only).
Please see attached files for simple example.
Workaround is to determine the outerWidth of the 'inner' div, and simultaneously reduce the width of the 'outer' by the same amount.
Change History (6)
comment:2 follow-up: ↓ 3 Changed 6 years ago by snover
- Milestone 1.4 deleted
- Priority changed from major to low
- Status changed from new to open
- Version changed from 1.3.2 to 1.4.4
comment:4 Changed 5 years ago by timmywil
- Milestone set to 1.next
- Version changed from 1.4.4 to 1.6b1
comment:5 Changed 5 years ago by ajpiano
- Resolution set to patchwelcome
- Status changed from open to closed