#10127 closed bug (notabug)

Opened June 26, 2014 07:29AM UTC

Closed June 26, 2014 12:19PM UTC

addClass, removeClass with box-shadow fails

Reported by: DigitalDag Owned by:
Priority: minor Milestone: none
Component: ui.effects.core Version: 1.10.4
Keywords: Cc:
Blocked by: Blocking:
Description

jQuery: v2.0.3

jQueryUI: v1.10.4

Os: Ubuntu 13

Browser: Firefox 30

The shadow appears at the end of the animation all in once

Example:

<style>
.a{
margin:0;
}
.b{
margin:5px;
box-shadow: 0 0 0px 4px #f0f inset;
-webkit-box-shadow: 0 0 0px 4px #f0f inset;
-moz-box-shadow: 0 0 0px 4px #f0f inset;
}
</style>
<script>
function change(){
$('#test').addClass('b',5000);
}
</script>
<div onclick="change();" id="test" class="a">Test</div>
Attachments (0)
Change History (1)

Changed June 26, 2014 12:19PM UTC by scottgonzalez comment:1

resolution: → notabug
status: new → closed

This is not a bug in the class animation code. Class animations rely on .animate() knowing how to handle the individual properties. jQuery ships support for numeric values, and jQuery UI adds support for colors, but anything else needs to be handled by a plugin via a $.fx.step hook.