Opened 5 years ago

Closed 5 years ago

#10127 closed bug (notabug)

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>            
                        

Change History (1)

comment:1 Changed 5 years ago by Scott González

Resolution: notabug
Status: newclosed

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.

Note: See TracTickets for help on using tickets.