1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed iPhone /iOS Responsive collapsing during page load

Discussion in 'Resolved Bug Reports' started by Chris D, Jun 6, 2013.

  1. Chris D

    Chris D XenForo Developer Staff Member

    Probably best to just show you:

    image.jpg

    This happens almost every page load for the split second while everything adapts to the screen size.

    This is potentially a browser issue or as designed but it does look rather awkward while the page loads.

    I can't particularly say I've noticed this behaviour on other responsive styles so perhaps there's a bit of room for improvement here.

    Keep up the great work either way, Mike.
     
  2. Hornstar

    Hornstar Well-Known Member

    At one point in some cases the screen would actually stay like that. Mike fixed that however I still get what you get for about a second on new page loads.
     
  3. Mike

    Mike XenForo Developer Staff Member

    This is all JS because it really has no idea what fits.

    I actually tried to somewhat prevent this earlier and introduced another issue (the alerts not overflowing properly), so I'm not 100% sure what I can do about this. I'll have to think.
     
  4. James

    James Well-Known Member

    On android too, not exclusive to iOS.
     
    Steve F and Chris D like this.
  5. Mike

    Mike XenForo Developer Staff Member

    It's using :not CSS selectors so it requires a recent browser, but a fix for this should be rolled out now.
     
  6. Chris D

    Chris D XenForo Developer Staff Member

    Still not working unfortunately, Mike.

    Tried on Chrome and Safari on iOS 6.

    image.jpg
     
  7. James

    James Well-Known Member

    Just tried on Android 4.1.2, Galaxy S3 using Chrome.

    It seems fixed over here.
     
  8. Chris D

    Chris D XenForo Developer Staff Member

    Bloody iPhone's.
     
    Jeremy likes this.
  9. Jeremy

    Jeremy XenForo Moderator Staff Member

    O/T but I'm currently dealing with plenty of bugs recropping up that are iOS only. Ready to throw my phone against a wall.
     
  10. Chris D

    Chris D XenForo Developer Staff Member

    @Mike this seems much improved today :)

    image.jpg
     
  11. Mike

    Mike XenForo Developer Staff Member

    I think you must've been hitting the cached version. :)
     
    shenmuee and Chris D like this.
  12. Chris D

    Chris D XenForo Developer Staff Member

    I'm not so sure as I never use Chrome but was able to replicate it after it was fixed in Chrome.

    But looks better in both browsers now. Thank you.
     
  13. Mike

    Mike XenForo Developer Staff Member

    Remember that on iOS, every browser is actually just the underlying Safari/UIWebView. There isn't a separate engine for Chrome, just different (err) chrome.
     
    Chris D and Jeremy like this.
  14. Jeremy

    Jeremy XenForo Moderator Staff Member

    Also interesting to note, the JavaScript engine is different in those browsers. The optimized Nitro is only available in Safari, while a slower older version is provided to the other iOS browsers (chrome). Only reason I still use Mobile Safari.
     
    Chris D likes this.
  15. Hornstar

    Hornstar Well-Known Member

    Yeah looks much better. Well done Mike.
     

Share This Page