Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jan 2011
    Posts
    5
    Vote Rating
    0
    afry is on a distinguished road

      0  

    Default [OPEN-122] Rotation issue with Ext.Viewport.scrollToTop and iPhone 3G

    [OPEN-122] Rotation issue with Ext.Viewport.scrollToTop and iPhone 3G


    I have a Sencha Touch app that displays fine in portrait orientation. When going to landscape, the screen splits in half, the tabBar gets detached, and content from another tab appears on the bottom half of the screen. This only happens on iPhone 3G; tests fine on Android and iPad. See screenshots attached.
    Attached Images

  2. #2
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default


    I am experiencing the same bug. When I rotate my apps that use a TabPanel as the main viewport/shell the tabbar appears half way up the screen as in the images above. If I load the app in landscape than everything looks right.

    I have posted this issue before but no one could help. This must be a bug.
    Simon Flack
    CEO and UX Designer
    WhiteFox AS, Norway

    Web: www.whitefox.no

    Facebook: www.facebook.com/WhiteFoxAS

    Twitter: @WhiteFoxAS

  3. #3
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default


    After hours of trying everything.

    This seems to fix the problem for me...

    Code:
    Ext.Viewport.scrollToTop = function(){
        window.scrollTo(0, 1);
    }
    ...it is originally defined as

    Code:
    function () {
            if (Ext.is.iOS) {
                document.body.scrollTop = document.body.scrollHeight;
            }
            else {
                window.scrollTo(0, 1);
            }
        }
    Simon Flack
    CEO and UX Designer
    WhiteFox AS, Norway

    Web: www.whitefox.no

    Facebook: www.facebook.com/WhiteFoxAS

    Twitter: @WhiteFoxAS

  4. #4
    Touch Premium Member
    Join Date
    May 2011
    Posts
    24
    Vote Rating
    0
    jnw is on a distinguished road

      0  

    Default having the same issue..tabbar appears in middle of screen in landscape

    having the same issue..tabbar appears in middle of screen in landscape


    I'm seeing the same issue. Where did you put that code? In the TabPanel? Or elsewhere?

    Thanks

  5. #5
    Ext JS Premium Member SimonFlack's Avatar
    Join Date
    Jul 2010
    Location
    Norway
    Posts
    241
    Vote Rating
    3
    SimonFlack is on a distinguished road

      0  

    Default


    At the top of my index.js file.
    Simon Flack
    CEO and UX Designer
    WhiteFox AS, Norway

    Web: www.whitefox.no

    Facebook: www.facebook.com/WhiteFoxAS

    Twitter: @WhiteFoxAS

  6. #6
    Touch Premium Member
    Join Date
    May 2011
    Posts
    24
    Vote Rating
    0
    jnw is on a distinguished road

      0  

    Default


    Thanks much Simon. That worked for me too!

  7. #7
    Sencha User
    Join Date
    May 2011
    Posts
    5
    Vote Rating
    0
    Bodekaer is on a distinguished road

      0  

    Default Great

    Great


    Fixed it here as well.
    Thanks for sharing.

  8. #8
    Sencha User
    Join Date
    Jan 2011
    Posts
    5
    Vote Rating
    0
    afry is on a distinguished road

      0  

    Default


    That worked, thanks.
    I tried setting the coordinates to 0, 0 to remove the row of white pixels at the bottom of the screen in landscape mode. This worked on iOS, but for some reason on Android, it made the address bar persist.
    At this point the white line is the lesser of evils.
    Thanks again.

  9. #9
    Sencha User
    Join Date
    May 2011
    Location
    Finland
    Posts
    15
    Vote Rating
    0
    johax is on a distinguished road

      0  

    Smile Thanks!

    Thanks!


    Yes, this helped me also, had this issue for days now. This fixed it.

  10. #10
    Sencha User
    Join Date
    Mar 2012
    Posts
    20
    Vote Rating
    0
    Nepol is on a distinguished road

      0  

    Default


    I have the same problem in my app, Im using Sencha Touch 2, Im kind of noob at this: should I put this code on my app.js file? Cause I don't see any index.js, or is it in the SDK? Thanks a lot!

Similar Threads

  1. indexBar unexpected appearance
    By afry in forum Sencha Touch 1.x: Bugs
    Replies: 1
    Last Post: 1 Aug 2011, 3:01 PM
  2. Portait/landscape scale
    By Michou in forum Sencha Touch 1.x: Discussion
    Replies: 5
    Last Post: 25 Jun 2011, 9:21 PM
  3. Different CSS for landscape/portrait
    By kristalaz in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 17 Feb 2011, 11:12 AM
  4. Problem with the appearance of the widgets
    By dhiraj.deka in forum Ext GWT: Discussion
    Replies: 1
    Last Post: 24 Feb 2010, 12:42 AM
  5. Form: Different appearance IE6:IE7:FF
    By Liese in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 6 Nov 2007, 10:37 AM

Thread Participants: 5

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."