Does anyone have a plunker/codepen/jsfiddle demonstrating @bra1n’s solution??? Seems to do nothing for me.
I’ve tried various stuff with ion-scrolls under an ion-content, currently I’m trying to get simple extra wide div inside an “overflow-x: scroll” div to work inside an ion-content, this works not in an ion-content and also doesn’t work inside an ion-content with overflow scroll set to true??
I’ll see If I can knock up some examples:
So this is my baseline plunker…
http://embed.plnkr.co/V3v41add8akvRgPJF819/preview (no angular, no ionic, just plain html/css)
^^ This works just fine
This is my baseline ionic plunker with ion-content and ion-scrolls…
http://embed.plnkr.co/09ptI7QCzvwTeLeGIVnr/preview (ionic beta 13, with a horizontally scrollable ion-scroll’s and a div holding div “item boxes”)
^^ This works fine horizontally, but not vertically (the ion-content page does not scroll up and down)
Finally, if you remove the ion-scrolls, this happens:
http://embed.plnkr.co/eOWV8KRPnAH2UmZQs4pK/preview (ionic beta 13, ion-scrolls NOT used, just plain divs)
^^ the page scrolls up and down but the plain 'ol divs stop scrolling horizontally, setting overflow-scroll=“true” on the ion-content makes no difference, other than the page doesn’t even scroll!
WOOOHHOOO!!! I just tried @bra1n 's solution by minifying my own ionic bundle:
http://embed.plnkr.co/wNXBNuDZqFQI4UcQIk3X/preview
^^ Yes it “does” work, but how can we fix this properly?
Adding link to ticket: https://github.com/driftyco/ionic/pull/2606