REQUIRED INFORMATION

Ext version tested:
  • Ext 4.0.6
Browser versions tested against:
  • Chrome 14
  • Firefox 6.0.2
  • IE 7
Description:
  • After setting the minimum value of a timefield via the setMinValue function, that field's time data shrinks to a non-scrolling size. After selecting one of those values, lowering the timefield's minValue does not restore scrolling functionality, even though the field's time data is restored to a scrollable size.
Steps to reproduce the problem:
  • Set the first timefield to the maximum time (11:30pm).
  • Set the second timefield to 11:00pm.
  • Set the first timefield's value back to an earlier time (5:00am).
  • The second timefield's time range is adjusted appropriately, but its scrollbar will have disappeared.
The result that was expected:
  • A scrollable second timefield.
The result that occurs instead:
  • A non-scrollable second timefield.
Test Case:

Code:
Ext.create('Ext.panel.Panel',{
    width:500,
    height:500,
    layout:'anchor',
    renderTo:Ext.getBody(),
    items:[
        {
            xtype:'timefield',
            increment:30,
            minValue:new Date(0,0,0,5,0),
            listeners:{
                change:function(tField){
                    tField.next('timefield').setMinValue(tField.getValue());
                }
            }
        },{
            xtype:'timefield',
            increment:30,
            minValue:new Date(0,0,0,5,0)
        }
    ]
});
HELPFUL INFORMATION

Additional CSS used:
  • only default ext-all.css
Operating System:
  • Windows XP Pro