PDA

View Full Version : [FIXED] slideIn/slideOut jump Bug



caballero
29 Oct 2013, 11:19 AM
Ext version tested:

Ext 4.2.0
Ext 4.2.1
Ext 4.2.2
Ext 5.0.0 beta
Ext 5.0.0
Ext 5.0.1
Ext 5.1.0
Browser versions tested against:

FF 24.0
Safari 4
IE10
DOCTYPE tested against:

xhtml 1.0
Description:

The slideIn and slideOut content will jump very noticeably. Not at all smooth as it was with Ext 4.1.1
Steps to reproduce the problem:

I've created and example here http://jsfiddle.net/vha8C/
placed a div with content below two radio buttons (one for slideIn, one for slideOut)
You can switch between Ext 4.2 & Ext 4.1.1 in jsfidddle to see the difference.
The result that was expected:

expected a smooth slide up and slide down as with older versions of Ext Js
The result that occurs instead:

Content Jumps downward until the transition is complete and then falls into place.
https://fiddle.sencha.com/#fiddle/18v

Gary Schlosberg
29 Oct 2013, 12:40 PM
Thanks for the report! I have opened a bug in our bug tracker.

caballero
3 Dec 2013, 12:09 AM
So, what version can we expect this to be fixed in?

caballero
22 Mar 2014, 11:32 PM
Is there a work around?

caballero
7 Apr 2014, 10:57 AM
This example seems to be entirely broken in Extjs5 beta.https://fiddle.sencha.com/#fiddle/18v

caballero
7 Apr 2014, 11:57 AM
If I require Ext.dom.Query, this fiddle example works as before.
Which is to say it still has the reported bug.

I would think that Sencha would be motivated to fix bugs in the Core.

rewritten for Extjs5:
https://fiddle.sencha.com/#fiddle/4rv


Ext.require(['Ext.dom.Query']);
Ext.onReady(function() {

var slideoptions = {
easing: 'easeOut',
concurrent: false,
useDisplay: true
};

Ext.select('input[name=begdateradio]').each(function(){
Ext.get(this).on('click', function(ev, target) {
var val = target.value;
if (val === 'JBDTBGYN') {
Ext.get('begdateDiv').slideIn('t', slideoptions);
return true;
}
Ext.get('begdateDiv').slideOut('t', slideoptions);
return true;
});
});

});

caballero
10 Aug 2014, 9:15 PM
Bug not fixed in Ext Js 5.0.1

uuhg!

caballero
2 Jan 2015, 9:42 AM
Bug not fixed in 5.1.0

Gary Schlosberg
12 Jan 2015, 10:20 AM
According to the ticket, this is fixed in 5.1.1 and 4.2.4, merged a few days ago.

dphil
13 Jan 2016, 1:10 PM
I still see this flicker in Ext JS 6. Does anyone know how to get this to stop??:(

caballero
13 Jan 2016, 5:25 PM
I still see this flicker in Ext JS 6. Does anyone know how to get this to stop??:(

I'm not seeing the same jump that i was seeing with previous versions.

Try this fiddle and switch between the versions.
https://fiddle.sencha.com/#fiddle/4rv
(https://fiddle.sencha.com/#fiddle/4rv)
My tests show that they fixed the issue.
Interesting that it Extjs6 classic is good but the Extjs6 Modern is completely broken.

dphil
14 Jan 2016, 7:44 AM
The below shows how the menu is flickering.

Using IE11.


https://fiddle.sencha.com/#fiddle/13sn

Gary Schlosberg
18 Jan 2016, 3:49 PM
I filed a bug (EXTJS-20200) to handle this issue in Ext JS 6.x.