The Foxy forums are on the move!

We're in the process of moving our forums over to a new system, and so these forums are now read-only.
If you have a question about your store in the meantime, please don't hesitate to reach out to us via email.

iPad cart scrolling issue

oskayoskay Member
in Bugs & Feature Requests edited July 2012
Some time ago Brett had noticed that the cart within the colorbox doesn't scroll (
http://forum.foxycart.com/discussion/comment/33743#Comment_33743).

Unfortunately, this is actually a significant issue. One of the consequences is that it is not possible to edit, or (really) even view, the cart once it has more than three or four items in it. Our customers have noticed, and asked us when we're going to make our cart iOS friendly. So, can you suggest any solution to this problem?
Comments
  • lukeluke FoxyCart Team
    Have you tried scrolling with two fingers? I think some iPad scrolling requires that, such as within a textarea or iframe.
  • LenoreLenore Member
    Yes, we've tried. There is no way to scroll within the frame. This is also on the iPhone, not just iPad.
  • oskayoskay Member
    Yes of course. You wouldn't believe how many different things I'm willing to try before admitting that I'm stumped here in the forums.

    This *is* a real, known issue. See here, for example: https://github.com/jackmoore/colorbox/issues/41

    There are some possible workarounds. One is mentioned in that thread, but it doesn't seem very elegant. Another site here has implemented some kind of a simpler fix that seems to work, but I wasn't able to reproduce it with our "foxybox."
  • sparkwebsparkweb Member, Integration Developer, FoxyShop, Order Desk
    http://stackoverflow.com/questions/4599153/iframes-and-the-safari-on-the-ipad-how-can-the-user-scroll-the-content/8214891#8214891

    I added this to my site's CSS and now I can scroll on my iphone:
    iframe.cboxIframe {
        -webkit-overflow-scrolling: touch;
    }
    
  • oskayoskay Member
    Interesting. Doesn't seem to actually work for us.
  • sparkwebsparkweb Member, Integration Developer, FoxyShop, Order Desk
    I don't have an ipad to check this, but when I first tried it I included the iframe's parent div in the declaration in case that parent div was where it needed to live. Then I took it out, but it may have already been cached.
  • oskayoskay Member
    So far as I know this issue isn't ipad-specific, but applies equally to the iphone.
  • sparkwebsparkweb Member, Integration Developer, FoxyShop, Order Desk
    edited July 2012
    My mistake, I think it is actually:
    #cboxLoadedContent {
        -webkit-overflow-scrolling: touch;
    }
    

    Does that work for you? Can you try adding some products from this demo store: http://www.foxy-shop.com/products/hamster/ (this scrolls for me on the iPhone)
  • oskayoskay Member
    Thank you sparkweb, that totally worked!

    And, FoxyCart: You might want to consider adding this to the default CSS. :)
  • fc_adamfc_adam FoxyCart Team
    @sparkweb, great catch!

    We'll look at rolling this into our CSS as soon as possible.
  • sparkwebsparkweb Member, Integration Developer, FoxyShop, Order Desk
    Just a reminder that it would be really fantastic to get this feature into 1.0

    </gentle_nudge>
  • fc_adamfc_adam FoxyCart Team
    @sparkweb - thanks for the nudge - we have this ticketed and discussed versions this would apply to and it looks like I completely missed it after we resolved that discussion.

    I've just pushed the code up to be tested and released, hopefully will be up soon.
Sign In or Register to comment.