[2.2] DatePicker/DateField scrolls to the top after select in FF2

[Joyce]

I have a popup window that contains a datepicker:

this.datePicker = new Ext.DatePicker({
            format: 'm/d/Y',
            listeners: {
                'select': function(selDate) {
                     this.textField.value = selDate.getValue().dateFormat(selDate.format);
			         if (typeof this.textField.onchange == "function") {
			             this.textField.onchange();
                     }
                     this.dateChooserWindow.hide();
                 },
                 scope: this
             },
             allowBlank: true
        });

This window pops up and aligns to the element that was clicked on. The element is located on the bottom of the page and you have to scroll down to click on it.

So, I scroll down to it, clicked on it, window pops up with the date picker, I clicked on a date, window hides.

Then, the page is automatically scrolled to the top.

I also tried this in the Advanced VType Example. I set the height of the header to 1000px in firebug. Then, I scrolled to the bottom, clicked on the datefield, clicked on a date. It looks like the page scrolls to the top, the scroll to a point where the date field is on the bottom of the screen.

This happens in FF2 and FF3 but not in IE7.

[jsakalos]

Hmmm, I've tried it in FF-3.0.7@Linux and Advanced VType Example, changed 2nd paragraph to height=1000px, scrolled down and played with dates and it works like expected - no unwanted scrolling.

Any detailed steps how to reproduce it?

[Joyce]

Sorry, the example does work for FF3. But, it doesn't work for FF2 for sure.

My code doesn't not work for FF3 and FF2.

[jsakalos]

You can try to upgrade Ext to have it working with FF3. If it's still in FF2 I can move this thread to Bugs.

[Joyce]

Please move this thread to Bugs. Thank you!

[mystix]

i suspect this is a duplicate of this report:
http://extjs.com/forum/showthread.php?t=61637

@joyce, could you verify if this is the case?

[Joyce]

I used the Advanced Vtype example. It has 4 fields:

datefield
datefield
textfield
textfield

-Selected a date using the first datefield. I hit tab and it went to the next datefield.
-Selected a date using the second datefield. I hit tab and it went to the first datefield. Hitting tab again brings me to second datefield and subsequent tabs traverse through the rest of the fields correctly.

[bduncan]

I am Joyce's co-worker. What other information do you need from us in order to recreate and resolve this bug? We are a Gold support customer and would like to know what the ETA is on getting this issue fixed.

Thank you

[evant]

I've replied to Joyce via email, however since your issue is occurring in FF3 as well, it would be best if you could show us a test case, since the behaviour isn't visible in the vtypes example in FF3 (I can see it in FF2).