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

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
DOCTYPE tested against:

xhtml 1.0

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.

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

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

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

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

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:

Ext.onReady(function() {

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

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;


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


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.

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

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.
My tests show that they fixed the issue.
Interesting that it Extjs6 classic is good but the Extjs6 Modern is completely broken.

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

Using IE11.


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