1. #1
    Ext JS Premium Member Joyce's Avatar
    Join Date
    Nov 2007
    Posts
    43
    Vote Rating
    0
    Joyce is on a distinguished road

      0  

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

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


    I have a popup window that contains a datepicker:

    Code:
    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.

  2. #2
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,537
    Vote Rating
    380
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  

    Default


    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?
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid Search Plugin, ExtJS 5 Complex Data Binding using MVVM


  3. #3
    Ext JS Premium Member Joyce's Avatar
    Join Date
    Nov 2007
    Posts
    43
    Vote Rating
    0
    Joyce is on a distinguished road

      0  

    Default


    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.

  4. #4
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,537
    Vote Rating
    380
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  

    Default


    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.
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid Search Plugin, ExtJS 5 Complex Data Binding using MVVM


  5. #5
    Ext JS Premium Member Joyce's Avatar
    Join Date
    Nov 2007
    Posts
    43
    Vote Rating
    0
    Joyce is on a distinguished road

      0  

    Default


    Please move this thread to Bugs. Thank you!

  6. #6
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    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?

  7. #7
    Ext JS Premium Member Joyce's Avatar
    Join Date
    Nov 2007
    Posts
    43
    Vote Rating
    0
    Joyce is on a distinguished road

      0  

    Default


    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.

  8. #8
    Ext JS Premium Member
    Join Date
    Aug 2008
    Posts
    2
    Vote Rating
    0
    bduncan is on a distinguished road

      0  

    Default


    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

  9. #9
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,949
    Vote Rating
    636
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    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).
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!