[Webkit-unassigned] [Bug 111718] New: Transition CSS added to DOM element uses previously removed class
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Mar 7 05:56:26 PST 2013
https://bugs.webkit.org/show_bug.cgi?id=111718
Summary: Transition CSS added to DOM element uses previously
removed class
Product: WebKit
Version: 528+ (Nightly build)
Platform: Unspecified
OS/Version: Unspecified
Status: UNCONFIRMED
Severity: Normal
Priority: P2
Component: New Bugs
AssignedTo: webkit-unassigned at lists.webkit.org
ReportedBy: Danack at basereality.com
Adding a transition to an element immediately after removing a class you can see the element transition from the previously removed value to the current value.
I'd expect the removed class to be removed instantly, and the transition only apply to the values that are meant to be on the element when the transition starts.
There is a JSFiddle at: http://jsfiddle.net/Danack/u9X4m/4/
But the test case is reasonably simple.
//HTML
<div class="container active">
</div>
//Javascript
$('.container').removeClass('active');
$('.container').addClass('all-transition');
//CSS
.all-transition {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.container {
width: 200px;
height: 15px;
background-color: #ffd112;
}
.container.active {
height: 200px;
}
Tested in Webkit nightly on Mac - Version 6.0.2 (8536.26.17, 537+)
Chrome on Mac - Version 25.0.1364.155
Safari on Mac - Version 5.1.7 (6534.57.2)
Similar to bug https://bugs.webkit.org/show_bug.cgi?id=58781 where there is no transition performed when there should be.
--
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.
More information about the webkit-unassigned
mailing list