PDA

View Full Version : [OPEN-491][3.1] IE7 window drag performance



ValterBorges
22 Jan 2010, 12:31 PM
IE7 window drag performance is horrible even on an empty window with an empty panel.

Does someone have an example of doing a drag proxy on a window so that it's only dragging around an outline of the window vs the whole window?

Or has anyone figure out a way to make the existing window drag as well in IE 7 as it does in FireFox 3.5?

jsakalos
22 Jan 2010, 1:53 PM
Which Ext version are you running? Can you provide a simple but runnable showcase? Also, what exactly do you mean by "horrible"? Does it start slowly? Is it jerky? Doesn't window follow mouse? Or else?

ValterBorges
22 Jan 2010, 3:23 PM
Ext 3.1.0

slow at start and if you move mouse faster than 1cm per second doesn't follow mouse and begins to skip around.

I have about 10 grid panels on a page and I notice that if I don't render the grid Panels and render just the window the speed is back to normal just like the 3.1 examples.

I regression tested with 3.0.3 and seems to have same problem fast in firefox but slow in ie7.

ValterBorges
22 Jan 2010, 8:15 PM
Instructions:
1.copy into .htm file
2.set the path to your ext js lib
3.set the # of grids
4.run and select some rows on any grid
5.press update
6.drag the window around.

Although it takes a few seconds to load on both IE7 and Firefox 3.5 once it's loaded performs great on FF but drags in IE7.

Even with only one grid the dragging of a window is slow and as you add more grids it gets worse at 100 it's really bad.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">
<head>

<title>Grid Render Test</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=us-ascii" />
<meta name="description" content="TITLE" />
<meta name="keywords" content="TITLE" />
<meta name="robots" content="index, follow" />

<link rel="stylesheet" type="text/css" href="../cdn/js/ext/ext-3.1.0/resources/css/ext-all.css" />

<!-- First of javascript includes must be an adapter... -->

<script type="text/javascript" src="../cdn/js/ext/ext-3.1.0/adapter/ext/ext-base-debug.js"></script>
<!-- ...then you need the Ext itself, either debug or production version.-->
<script type="text/javascript" src="../cdn/js/ext/ext-3.1.0/ext-all-debug.js"></script>

<script type='text/javascript'>

Ext.namespace('Test.RecordEditGrid');

Test.RecordEditGrid = function(id) {

var _recordWindow = new Ext.Window({
title: 'Add'
, autoHeight: true
, width: 400
, initHidden: true
, autoScroll: false
, collapsible: false
, constrain: false
, maximizable: false
, padding: 1
, tbar: new Ext.Toolbar({ height: 30 })
, bodyStyle: 'background-color:#FFFFFF;'
, layout: 'fit'
, modal: true
, resizable: false
});


var _fields = Ext.data.Record.create([
{ name: 'id', type: 'int' },
{ name: 'A', type: 'string' },
{ name: 'B', type: 'string' },
{ name: 'C', type: 'string' },
{ name: 'D', type: 'string' }
]);

var _reader = new Ext.data.ArrayReader(
{
idIndex: 0
}
, _fields
);


var _data = [
[1, 'A', '$1,000.00', 'First, Last MI Suffix', 'Y'],
[2, 'B', '$1,000.00', 'First, Last MI Suffix', 'Y'],
[3, 'C', '$1,000.00', 'First, Last MI Suffix', 'N'],
[4, 'D', '$1,000.00', 'First, Last MI Suffix', 'N'],
[5, 'E', '$1,000.00', 'First, Last MI Suffix', 'N'],
[7, 'F', '$1,000.00', 'First, Last MI Suffix', 'N'],
[8, 'G', '$1,000.00', 'First, Last MI Suffix', 'N']
];

var _store = new Ext.data.Store({
autoDestroy: true
, autoLoad: false
, autoSave: false
, pruneModifiedRecords: true
, reader: _reader
, data: _data
});

var _colModel = new Ext.grid.ColumnModel({
columns: [
{ id: 'A', dataIndex: 'A', header: "A", align: 'tal' },
{ id: 'B', dataIndex: 'B', header: "B", align: 'tal' },
{ id: 'C', dataIndex: 'C', header: "C", align: 'tal' },
{ id: 'D', dataIndex: 'D', header: "D", align: 'tal' }
],
defaults: {
hideable: false,
resizable: false,
sortable: true
}
});

var _view = new Ext.grid.GridView(
{
forceFit: true,
emptyText: 'No Data Available'
}
);

var _selModel = new Ext.grid.RowSelectionModel({ singleSelect: false });

var _addButton = new Ext.Button({
text: 'add'
, handler: function(Button, Event) { }
});

var _updateButton = new Ext.Button({
text: 'update'
, handler: function(Button, Event) {
doUpdateRecords(Button, Event)
}
});

var _deleteButton = new Ext.Button({
text: 'delete'
, handler: function(Button, Event) {
doDeleteRecords(Button, Event);
}

});

var _tbar = new Ext.Toolbar({

width: 260,
height: 25,
items: ['Grid' + id, '->', _addButton, _updateButton, _deleteButton]
});

var _grid = new Ext.grid.GridPanel({
store: _store,
cm: _colModel,
view: _view,
sm: _selModel,
width: 600,
height: 165,
autoExpandMax: 600,
autoExpandMin: 300,
frame: false,
border: true,
collapsible: false,
hideCollapseTool: true,
enableColumnMove: false,
enableColumnResize: false,
footer: false,
header: false,
forceLayout: true,
loadMask: true,
shadow: true,
stripeRows: true,
trackMouseOver: true,
tbar: _tbar
});


function doDeleteRecords(Button, Event) {

var records = _selModel.getSelections();

if (records.length === 0) {
return;
}

for (var i = 0; i <= records.length; i++) {
_store.remove(records[i]);
}
};

function doUpdateRecords(Button, Event) {

var records = _selModel.getSelections();

if (records.length === 0) {
return;
}

_recordWindow.show();


};


var self = {
//public members
RecordWindow: _recordWindow
, Fields: _fields
, Reader: _reader
, Data: _data
, Store: _store
, ColModel: _colModel
, View: _view
, SelModel: _selModel
, AddButton: _addButton
, UpdateButton: _updateButton
, DeleteButton: _deleteButton
, TBar: _tbar
, Grid: _grid
//public methods

}; //self

return self;

};

Ext.onReady(function() {

Ext.BLANK_IMAGE_URL = '../cdn/js/ext/ext-3.1.0/resources/images/default/s.gif';

Ext.QuickTips.init();

var RecordEditGrids = new Array(100);

for (var i = 0; i < RecordEditGrids.length; i++) {
RecordEditGrids[i] = new Test.RecordEditGrid(i);
}

for (var i = 0; i < RecordEditGrids.length; i++) {
RecordEditGrids[i].Grid.render(document.body);
}

});


</script>

</head>
<body>
</body>
</html>

jsakalos
23 Jan 2010, 2:23 AM
Hmmm, I've tested in IE7@WinXP in VirtualBox@Linux (where you could expect degraded performance due to virtual machine) and the performance is comparable to Firefox. The drag starts a bit slower than I'm used to but it's still under 0.5s, dragging itself is fine, dropping seems to be even slower in FF than in IE. Do you have any plugins/debuggers running in IE that could impair the performance?

Anyone else to test this?

ValterBorges
24 Jan 2010, 4:51 PM
Saki,
I posted the sample but not sure why it's not showing up?

I will post it again tommorrow.

jsakalos
25 Jan 2010, 2:59 AM
A video?

Anyway, this calls for a better IE expert than myself.

ValterBorges
25 Jan 2010, 6:54 AM
I'm going to test this out with 2.3 and see if it makes a difference.

ValterBorges
25 Jan 2010, 7:23 AM
Taking a look a memory utilization to just open this htm page w/ IE debugging turned off the memory consumption is 120MB as soon as i open up the add window the Mem Usage goes to 210MB.

Not sure why a simple window consumes 100MB in IE?

Anyone else can take a look at this sample and figure out why it's so slow in IE and why it's consumming so much memory?

ValterBorges
25 Jan 2010, 7:33 AM
Version 2.3 does not seem to have this problem.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">
<head>

<title>Grid Render Test 2.3</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=us-ascii" />
<meta name="description" content="TITLE" />
<meta name="keywords" content="TITLE" />
<meta name="robots" content="index, follow" />

<link rel="stylesheet" type="text/css" href="../cdn/js/ext/ext-2.3.0/resources/css/ext-all.css" />

<!-- First of javascript includes must be an adapter... -->

<script type="text/javascript" src="../cdn/js/ext/ext-2.3.0/adapter/ext/ext-base.js"></script>
<!-- ...then you need the Ext itself, either debug or production version.-->
<script type="text/javascript" src="../cdn/js/ext/ext-2.3.0/ext-all-debug.js"></script>

<script type='text/javascript'>

Ext.namespace('Test.RecordEditGrid');

Test.RecordEditGrid = function(id) {

var _recordWindow = new Ext.Window({
title: 'Add'
, autoHeight: true
, width: 400
, initHidden: true
, autoScroll: false
, collapsible: false
, constrain: false
, maximizable: false
, padding: 1
, tbar: new Ext.Toolbar({ height: 30 })
, bodyStyle: 'background-color:#FFFFFF;'
, layout: 'fit'
, modal: true
, resizable: false
});


var _fields = Ext.data.Record.create([
{ name: 'id', type: 'int' },
{ name: 'A', type: 'string' },
{ name: 'B', type: 'string' },
{ name: 'C', type: 'string' },
{ name: 'D', type: 'string' }
]);

var _reader = new Ext.data.ArrayReader(
{
idIndex: 0
}
, _fields
);


var _data = [
[1, 'A', '$1,000.00', 'First, Last MI Suffix', 'Y'],
[2, 'B', '$1,000.00', 'First, Last MI Suffix', 'Y'],
[3, 'C', '$1,000.00', 'First, Last MI Suffix', 'N'],
[4, 'D', '$1,000.00', 'First, Last MI Suffix', 'N'],
[5, 'E', '$1,000.00', 'First, Last MI Suffix', 'N'],
[7, 'F', '$1,000.00', 'First, Last MI Suffix', 'N'],
[8, 'G', '$1,000.00', 'First, Last MI Suffix', 'N']
];

var _store = new Ext.data.Store({
autoDestroy: true
, autoLoad: false
, autoSave: false
, pruneModifiedRecords: true
, reader: _reader
, data: _data
});

var _colModel = new Ext.grid.ColumnModel({
columns: [
{ id: 'A', dataIndex: 'A', header: "A", align: 'tal' },
{ id: 'B', dataIndex: 'B', header: "B", align: 'tal' },
{ id: 'C', dataIndex: 'C', header: "C", align: 'tal' },
{ id: 'D', dataIndex: 'D', header: "D", align: 'tal' }
],
defaults: {
hideable: false,
resizable: false,
sortable: true
}
});

var _view = new Ext.grid.GridView(
{
forceFit: true,
emptyText: 'No Data Available'
}
);

var _selModel = new Ext.grid.RowSelectionModel({ singleSelect: false });

var _addButton = new Ext.Button({
text: 'add'
, handler: function(Button, Event) { }
});

var _updateButton = new Ext.Button({
text: 'update'
, handler: function(Button, Event) {
doUpdateRecords(Button, Event)
}
});

var _deleteButton = new Ext.Button({
text: 'delete'
, handler: function(Button, Event) {
doDeleteRecords(Button, Event);
}

});

var _tbar = new Ext.Toolbar({

width: 260,
height: 25,
items: ['Grid' + id, '->', _addButton, _updateButton, _deleteButton]
});

var _grid = new Ext.grid.GridPanel({
store: _store,
cm: _colModel,
view: _view,
sm: _selModel,
width: 600,
height: 165,
autoExpandMax: 600,
autoExpandMin: 300,
frame: false,
border: true,
collapsible: false,
hideCollapseTool: true,
enableColumnMove: false,
enableColumnResize: false,
footer: false,
header: false,
forceLayout: true,
loadMask: true,
shadow: true,
stripeRows: true,
trackMouseOver: true,
tbar: _tbar
});


function doDeleteRecords(Button, Event) {

var records = _selModel.getSelections();

if (records.length === 0) {
return;
}

for (var i = 0; i <= records.length; i++) {
_store.remove(records[i]);
}
};

function doUpdateRecords(Button, Event) {

var records = _selModel.getSelections();

if (records.length === 0) {
return;
}

_recordWindow.show();


};


var self = {
//public members
RecordWindow: _recordWindow
, Fields: _fields
, Reader: _reader
, Data: _data
, Store: _store
, ColModel: _colModel
, View: _view
, SelModel: _selModel
, AddButton: _addButton
, UpdateButton: _updateButton
, DeleteButton: _deleteButton
, TBar: _tbar
, Grid: _grid
//public methods

}; //self

return self;

};

Ext.onReady(function() {

Ext.BLANK_IMAGE_URL = '../cdn/js/ext/ext-3.1.0/resources/images/default/s.gif';

Ext.QuickTips.init();

var RecordEditGrids = new Array(100);

for (var i = 0; i < RecordEditGrids.length; i++) {
RecordEditGrids[i] = new Test.RecordEditGrid(i);
}

for (var i = 0; i < RecordEditGrids.length; i++) {
RecordEditGrids[i].Grid.render(document.body);
}

});


</script>

</head>
<body>
</body>
</html>

Condor
25 Jan 2010, 7:35 AM
The IE memory usage is partly caused by transparency. If you use an Ext theme without transparency a window will take up far less memory.

ValterBorges
25 Jan 2010, 7:39 AM
In addition to watching in horror as IE memory consumption goes up 100MB for opening up 1 empty window I also noticed that when dragging the window around the CPU utilization is up around 50% not spiked but constant.

This is a pretty beffy Duo Core 2 CPU 2.13GHZ machine and 2GB Ram running XP SP3 w/ IE7.
While idle the CPU consumption bounces between 0 and 1% and memory available at launch of IE is 1.5GB.

ValterBorges
25 Jan 2010, 7:40 AM
How does one turn off transparency or go about taking off the theme?
Can you point me to a sample please?....

Why is 2.3 not having the slow down issue?

ValterBorges
25 Jan 2010, 7:45 AM
The memory consumption in firefox 3.5 is only 90MB as compared to 200MB.


As part of being cross browser compatible does the Ext strategy assume comparable resource utilization when rendering or using browser resources?

Condor
25 Jan 2010, 7:48 AM
Transparency is all css.

You can remove it by removing all opacity/filter:alpha entries in the .css file and removing the alpha channel from all .png images.

jsakalos
25 Jan 2010, 7:58 AM
The memory consumption in firefox 3.5 is only 90MB as compared to 200MB.


As part of being cross browser compatible does the Ext strategy assume comparable resource utilization when rendering or using browser resources?
Ext can do nothing, besides the proper destroying of components, to influence the amount of memory the particular browser uses.

ValterBorges
25 Jan 2010, 9:04 AM
Ok, well putting aside the horrible memory consumption which i believe should be part of the overall strategy for having a common set of cross browser components that render as well as perform similarly, it still leaves us with the question why does 2.3 perform while 3.1 hangs on window dragging? Something major must have changed in the way events are handled, propagated, interrupts that IE 7 does not like?????

jsakalos
25 Jan 2010, 9:21 AM
Yes, you're right, especially the difference between 2.3 and 3.1 bothers me. Do you want me to move this thread to Bugs Forum?

ValterBorges
25 Jan 2010, 9:36 AM
I'm sure there are a lot of corporate clients that are using IE7 and I've not tested with IE8 to see if there is a difference but it will be a while before were on IE8 since we just got everyone off 6 recently.

I'm sure many apps developed in 2.3 will at some point look to benefit from 3.1's latest features and when converted will slow down so it would behouve EXTJS to nail this down.

Yes please add it as a bug.
Regards,
Valter

ValterBorges
25 Jan 2010, 9:52 AM
I was thinking maybe there should be a large reference app that exhibts all the ext features w/ performance tests so that as new versions got released they could be tested with all browsers to see if there are memory leaks or other weird issues.

ValterBorges
25 Jan 2010, 10:46 AM
I narrowed down the problem to having modal true vs false and having multiple modal windows overlayed.

2.3 no problem while 3.1 very slow.

In the example below I use only 10 empty modal windows to demonstrate the drag slow down.

At first I thought this maybe a problem with modal and the masking but if you turn modal to false the problem goes away in this example but if you do it in the example with the grids it still persists. So i'm still not sure what causes this problem but if you use 2.3 it's not a problem.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">
<head>

<title>Window Render Test 3.1</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=us-ascii" />
<meta name="description" content="TITLE" />
<meta name="keywords" content="TITLE" />
<meta name="robots" content="index, follow" />

<link rel="stylesheet" type="text/css" href="../cdn/js/ext/ext-3.1.0/resources/css/ext-all.css" />

<!-- First of javascript includes must be an adapter... -->

<script type="text/javascript" src="../cdn/js/ext/ext-3.1.0/adapter/ext/ext-base.js"></script>
<!-- ...then you need the Ext itself, either debug or production version.-->
<script type="text/javascript" src="../cdn/js/ext/ext-3.1.0/ext-all-debug.js"></script>

<script type='text/javascript'>

Ext.namespace('Test.RecordEditGrid');

Test.RecordEditWindow = function(id) {

var _recordWindow = new Ext.Window({
title: 'Add ' + id
, autoHeight: true
, width: 400
, initHidden: true
, autoScroll: false
, collapsible: false
, constrain: false
, maximizable: false
, padding: 1
, tbar: new Ext.Toolbar({ height: 30 })
, bodyStyle: 'background-color:#FFFFFF;'
, layout: 'fit'
, modal: false
, resizable: false
});


var self = {
//public members
RecordWindow: _recordWindow
//public methods

}; //self

return self;

};

Ext.onReady(function() {

Ext.BLANK_IMAGE_URL = '../cdn/js/ext/ext-3.1.0/resources/images/default/s.gif';

Ext.QuickTips.init();

var RecordEditWindows = new Array(10);

for (var i = 0; i < RecordEditWindows.length; i++) {
RecordEditWindows[i] = new Test.RecordEditWindow(i);
RecordEditWindows[i].RecordWindow.show();

}



});


</script>

</head>
<body>
</body>
</html>





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">
<head>

<title>Grid Render Test 3.1</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=us-ascii" />
<meta name="description" content="TITLE" />
<meta name="keywords" content="TITLE" />
<meta name="robots" content="index, follow" />

<link rel="stylesheet" type="text/css" href="../cdn/js/ext/ext-2.3.0/resources/css/ext-all.css" />

<!-- First of javascript includes must be an adapter... -->

<script type="text/javascript" src="../cdn/js/ext/ext-2.3.0/adapter/ext/ext-base.js"></script>
<!-- ...then you need the Ext itself, either debug or production version.-->
<script type="text/javascript" src="../cdn/js/ext/ext-2.3.0/ext-all-debug.js"></script>

<script type='text/javascript'>

Ext.namespace('Test.RecordEditGrid');

Test.RecordEditGrid = function(id) {

var _recordWindow = new Ext.Window({
title: 'Add'
, autoHeight: true
, width: 400
, initHidden: true
, autoScroll: false
, collapsible: false
, constrain: false
, maximizable: false
, padding: 1
, tbar: new Ext.Toolbar({ height: 30 })
, bodyStyle: 'background-color:#FFFFFF;'
, layout: 'fit'
, modal: false
, resizable: false
});


var _fields = Ext.data.Record.create([
{ name: 'id', type: 'int' },
{ name: 'A', type: 'string' },
{ name: 'B', type: 'string' },
{ name: 'C', type: 'string' },
{ name: 'D', type: 'string' }
]);

var _reader = new Ext.data.ArrayReader(
{
idIndex: 0
}
, _fields
);


var _data = [
[1, 'A', '$1,000.00', 'First, Last MI Suffix', 'Y'],
[2, 'B', '$1,000.00', 'First, Last MI Suffix', 'Y'],
[3, 'C', '$1,000.00', 'First, Last MI Suffix', 'N'],
[4, 'D', '$1,000.00', 'First, Last MI Suffix', 'N'],
[5, 'E', '$1,000.00', 'First, Last MI Suffix', 'N'],
[7, 'F', '$1,000.00', 'First, Last MI Suffix', 'N'],
[8, 'G', '$1,000.00', 'First, Last MI Suffix', 'N']
];

var _store = new Ext.data.Store({
autoDestroy: true
, autoLoad: false
, autoSave: false
, pruneModifiedRecords: true
, reader: _reader
, data: _data
});

var _colModel = new Ext.grid.ColumnModel({
columns: [
{ id: 'A', dataIndex: 'A', header: "A", align: 'tal' },
{ id: 'B', dataIndex: 'B', header: "B", align: 'tal' },
{ id: 'C', dataIndex: 'C', header: "C", align: 'tal' },
{ id: 'D', dataIndex: 'D', header: "D", align: 'tal' }
],
defaults: {
hideable: false,
resizable: false,
sortable: true
}
});

var _view = new Ext.grid.GridView(
{
forceFit: true,
emptyText: 'No Data Available'
}
);

var _selModel = new Ext.grid.RowSelectionModel({ singleSelect: false });

var _addButton = new Ext.Button({
text: 'add'
, handler: function(Button, Event) { }
});

var _updateButton = new Ext.Button({
text: 'update'
, handler: function(Button, Event) {
doUpdateRecords(Button, Event)
}
});

var _deleteButton = new Ext.Button({
text: 'delete'
, handler: function(Button, Event) {
doDeleteRecords(Button, Event);
}

});

var _tbar = new Ext.Toolbar({

width: 260,
height: 25,
items: ['Grid' + id, '->', _addButton, _updateButton, _deleteButton]
});

var _grid = new Ext.grid.GridPanel({
store: _store,
cm: _colModel,
view: _view,
sm: _selModel,
width: 600,
height: 165,
autoExpandMax: 600,
autoExpandMin: 300,
frame: false,
border: true,
collapsible: false,
hideCollapseTool: true,
enableColumnMove: false,
enableColumnResize: false,
footer: false,
header: false,
forceLayout: true,
loadMask: true,
shadow: true,
stripeRows: true,
trackMouseOver: true,
tbar: _tbar
});


function doDeleteRecords(Button, Event) {

var records = _selModel.getSelections();

if (records.length === 0) {
return;
}

for (var i = 0; i <= records.length; i++) {
_store.remove(records[i]);
}
};

function doUpdateRecords(Button, Event) {

var records = _selModel.getSelections();

if (records.length === 0) {
return;
}

_recordWindow.show();


};


var self = {
//public members
RecordWindow: _recordWindow
, Fields: _fields
, Reader: _reader
, Data: _data
, Store: _store
, ColModel: _colModel
, View: _view
, SelModel: _selModel
, AddButton: _addButton
, UpdateButton: _updateButton
, DeleteButton: _deleteButton
, TBar: _tbar
, Grid: _grid
//public methods

}; //self

return self;

};

Ext.onReady(function() {

Ext.BLANK_IMAGE_URL = '../cdn/js/ext/ext-2.3.0/resources/images/default/s.gif';

Ext.QuickTips.init();

var RecordEditGrids = new Array(100);

for (var i = 0; i < RecordEditGrids.length; i++) {
RecordEditGrids[i] = new Test.RecordEditGrid(i);
}

for (var i = 0; i < RecordEditGrids.length; i++) {
RecordEditGrids[i].Grid.render(document.body);
}

RecordEditGrids[0].RecordWindow.show();

});


</script>

</head>
<body>
</body>
</html>

jsakalos
26 Jan 2010, 1:53 AM
Should I move this thread to Bugs so that devel team can look into it? (Looks like a problem introduced in 3.x)

ValterBorges
26 Jan 2010, 8:00 AM
Yes please.

I've reverted my project back to 2.3 everything seems fine now. It sucks not having all the nice 3.x features but just can't have stuff freeze.

Thanks,
Valter

jsakalos
27 Jan 2010, 2:00 AM
Moved.

Jamie Avins
27 Jan 2010, 7:04 AM
I've seen something similar due to a transparency css issue in IE7 (IE7 only). We'll check this out. I'll also look into the memory issue to see if the framework is doing anything unusual.

TizianoF
29 Jan 2010, 5:44 AM
Is there any news on this problem?

Even in the desktop sample, when you drag a window cpu usage goes to 100% and the movement is not fluid.

Doing the same with version 2.2.1 (again desktop sample) gives no problem.

I'm on IE7 on a XP machine.

Jamie Avins
29 Jan 2010, 9:28 AM
Not yet, we will get to this though.

TizianoF
3 Feb 2010, 3:08 AM
Not yet, we will get to this though.

Is this problem fixed in the 3.1.1-rc?

This problem makes all complex application completely unusable on IE7, it must have high priority!!!

evant
3 Feb 2010, 3:30 AM
I wasn't able to reproduce this, at least not on IE only.

I tested IE7 on a virtual machine, along with FF on the same machine. The CPU does spike, but it happens for both browsers. The performance is roughly the same.

I did a similar test with IETester (IE7) and FF3 outside of the VM (on my normal box) and achieved similar results.

On the whole, IE is a bit slower, but it's not overly noticeable.

TizianoF
3 Feb 2010, 3:34 AM
I wasn't able to reproduce this, at least not on IE only.

I tested IE7 on a virtual machine, along with FF on the same machine. The CPU does spike, but it happens for both browsers. The performance is roughly the same.

I did a similar test with IETester (IE7) and FF3 outside of the VM (on my normal box) and achieved similar results.

On the whole, IE is a bit slower, but it's not overly noticeable.

The problem is that while using version 2.x dragging a window on IE7 uses around 20% cpu, on 3.1 it uses 100%.

Try it yourself the 2.x desktop sample and 3.1 one and watch the cpu.

ValterBorges
25 Feb 2010, 3:22 PM
ping:

"Keeping this alive since i'm having too use 2.3 until this is fixed".

Just a recommendation most corporate clients I deal with (Large Billion Dollar Corps and Large Gov agencies) are on IE7 so i think this should get some priority".

Jamie Avins
25 Feb 2010, 4:16 PM
I did look into it from the css standpoint and it was not that. It must be in the drag an drop implementation...