Ext.field.Slider at Google Chrome

[Loksly]

I don't know if it is the desired behavior or it's a bug. When using desktop Google Chrome (v.20.0.1132.57) @Ubuntu, the drop event updates the values with position of the mouse without taking on count the thumbs might be overlapped. So they can be both at the center of the screen (then they both should have 50 in this example) and if you get the one on the right side and try to move it to the left (dropping it at the 0) then the value of it is 0. At the UI they both are at the center (none has moved), but the shown values are (50,0).


Refered example: http://try.sencha.com/touch/2.0.1/de...bsOverlapping/

test case:

Ext.create('Ext.form.Panel', {
    fullscreen : true,
    items      : [
        {
            xtype  : 'toolbar',
            id     : 'tbar',
            title  : 'values = [25,75]',
            docked : 'top'
        },
        {
            xtype : 'fieldset',
            items : [
                {
                    xtype     : 'checkboxfield',
                    label     : 'allowThumbsOverlapping:',
                    checked   : true,
                    listeners : {
                        check   : function () {
                            Ext.getCmp('sl').getComponent().setAllowThumbsOverlapping(true);
                        }, // check
                        uncheck : function () {
                            Ext.getCmp('sl').getComponent().setAllowThumbsOverlapping(false);
                        } // uncheck
                    } // listeners
                },
                {
                    xtype     : 'sliderfield',
                    id        : 'sl',
                    label     : 'sliderfield:',
                    minValue  : 0,
                    maxValue  : 100,
                    values    : [25, 75],
                    component : {
                        allowThumbsOverlapping : true
                    }, // component
                    listeners : {
                        change : function (slider, thumb, newValue, oldValue) {
                            Ext.getCmp('tbar').setTitle('values = [' + slider.getValues() + ']');
                        } // change
                    } // listeners
                }
            ] // items (fieldset)
        }
    ] // items (formpanel)
}); // create()

[mitchellsimoens]

I have opened a bug in our bug tracker for this as it happens on iOS Simulator also. IT makes the value wherever you let off of dragging, not where the thumb actually is.