PDA

View Full Version : [FIXED] ExtJS 4..2.1 : In IE-8 browser animation not working for 'image' sprite



jiteshmjethwa
27 Nov 2013, 1:36 AM
REQUIRED INFORMATION


Ext version tested:

Ext 4.2.1


Browser versions tested against:

IE 8
IE 9
FF 22
Chrome 29

Description:

In our project we want to animate "image" sprite on click event but its not working in Internet Explorer 8 browser. Animation working fine for "rect" & "text" sprite.


Steps to reproduce the problem:

Copy the following code in any of sencha example.
Click on sencha icon (ref : initial.png)


The result that was expected:

On click of sencha icon it should get moved to left top margin to (0,0) coordinates. (ref : later.png)


The result that occurs instead:

Sencha icon is not getting moved i.e. animation is not happening.


Test Case:

https://fiddle.sencha.com/#fiddle/1rs



Ext.onReady(function() {
var drawComponent = Ext.create('Ext.draw.Component', {
viewBox: false,
items: [{
type: 'image',
src: 'http://try.sencha.com/touch/2.0.0/examples/icons/resources/loading/iTunesArtwork.png',
width: 50,
height: 50,
x: 100,
y: 100,
listeners:{
'click': function(e, t, eOpts){
console.log('inside click');
e.animate({
duration: 500,
to: {
x: 0,
y: 0
}
});
}
}
}]
});

Ext.create('Ext.Window', {
width: 215,
height: 235,
layout: 'fit',
items: [drawComponent]
}).show();
});




HELPFUL INFORMATION


Screenshot or Video:

initial.png
47016

later.png
47018



Operating System:

Windows 7

Gary Schlosberg
27 Nov 2013, 10:26 AM
Thanks for the report! I have opened a bug in our bug tracker.