View Full Version : [FIXED] Three thumbed sliders got stuck on one side

7 Apr 2014, 11:45 PM
Hello! When I tried thee thumb slider (vertical or horizontal) from examples on an iphone and when i move all sliders to one and than to another side, the middle one got stuck on one side. (see attached picture) (it looks like and z-index problem)


8 Apr 2014, 11:21 AM
Thanks for testing that. I will take a look at this.

8 Apr 2014, 12:27 PM
Yes, this bug has been lurking in there since 4.x. We'll have to fix it there too.

Try this as an override of Ext.slider.Multi:

Ext.override(Ext.slider.Multi, {
promoteThumb: function(topThumb) {
var thumbs = this.thumbStack || (this.thumbStack = Ext.Array.slice(this.thumbs)),
ln = thumbs.length,
zIndex = 10000, i;

// Move topthumb to position zero
if (thumbs[0] !== topThumb) {
Ext.Array.remove(thumbs, topThumb);

// Then shuffle the zIndices
for (i = 0; i < ln; i++) {
thumbs[i].el.setStyle('zIndex', zIndex);
zIndex -= 1000;

8 Apr 2014, 12:29 PM
Thanks for the report! I have opened a bug in our bug tracker.