Results 1 to 3 of 3

Thread: [DEFER-1207] Slider in panel with collapsed:true make slider weird

Hybrid View

Previous Post Previous Post   Next Post Next Post
    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1

    Default [DEFER-1207] Slider in panel with collapsed:true make slider weird

    Ext version tested:
    • Ext 3.2.1

    Adapter used:
    • ext

    css used:
    • only default ext-all.css

    Browser versions tested against:
    • Chrome
    • FF3 (firebug 1.5.4 installed)

    Operating System:
    • Linux (Ubuntu 10.04)

    • When an Ext.Slider is placed in a panel which has config collapsed:true the slider handles get goofed up. With just one handle the 0 value becomes slightly offset. With two handles they each start at the same position (at the same place as when there's just one handle) and when you move one the other tries to move itself over to the other one. Similarly for three...

    Test Case:

      <link rel="stylesheet" href="" type="text/css" media="screen" />
      <script type="text/javascript" src=""></script>
      <script type="text/javascript" src=""></script>
      <script type="text/javascript">
    bug.zoom_top = 100;
    bug.zoom_bottom = 0;
    // zoom slider:
    bug.zoom_slider = new Ext.Slider({
        fieldLabel: 'Zoom Level'
        ,width: 300
        ,increment: 1
        ,minValue: 0
        ,maxValue: 100
        ,values: [0, 100]
    bug.mypanel = new Ext.Panel({
        title: 'Some Controls'
        ,height: 'auto'
        ,frame: true
        ,items: new Ext.form.FormPanel({
    	width: 600
    	,items: [{
    	    xtype: 'fieldset'
    	    ,title: 'Range Controls'
    	    ,collapsible: true
    	    ,collapsed: true
    	    ,items: [{
    		xtype: 'fieldset'
    		,title: 'Zoom in Even Further'
    		,items: bug.zoom_slider
    Ext.onReady(function() {
      hello, world
      <div id="panel-area"></div>
    Copy/paste the code into an html file and open it.

    Steps to reproduce the problem:
    • Load the page
    • Expand the panel
    • Behold the goofiness
    • Slide the handles a bit to observe the goofiness

    The result that was expected:
    • Handles load in the correct place
    • Slide the handles around naturally

    The result that occurs instead:
    • Handles load in a weird place
    • The handles try to lay on top of each other

    • attached

    Debugging already done:
    • Confirmed that configuring the panel with collapsed:true produces the bug, but collapsed:false is normal.

    Possible fix:
    • not provided
    Attached Images Attached Images

  2. #2
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Redwood City, California
    Vote Rating


    Thank you for the report.

  3. #3
    Sencha User evant's Avatar
    Join Date
    Apr 2007
    Sydney, Australia
    Vote Rating


    Will be a bit difficult to solve now, probably something we'll target for 4.x. In the interim, you can use hideMode: 'offsets' on the fieldset to work around this behaviour.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

Similar Threads

  1. [3.2] Ext.ux.slider.Highlight - A slider background color plugin
    By mankz in forum Ext 3.x: User Extensions and Plugins
    Replies: 8
    Last Post: 8 Feb 2012, 5:03 AM
  2. Ext.Slider - Changing the range of an existing slider
    By srininara in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 24 Jun 2009, 3:49 AM
  3. [FIXED][3.0rc1.1] Weird behavior of Slider on IE
    By elwhiz in forum Ext 3.x: Bugs
    Replies: 7
    Last Post: 21 Jun 2009, 10:27 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts