Demo crashes on iOS

[donohoe]

I realize these are not on the supported browser list but thought its worth noting that loading the demo on these devices/browsers results in immediate crash:

Mobile Safari (iPhone iOS 6.0.1)
Mobile Safari (iPad 2 iOS 6.0.1)

Link used: http://flowtime-js.marcolago.com/

Worth noting it did load on Mobile Safari iPad Mini using iOS 6.0.2

(Side note: scrolling seems to skip across a number of pages instead of just one...)

[marcolago]

Hi Michael.

Yes, Flowtime.js is not yet fully optimized for touch devices (see slide
http://flowtime-js.marcolago.com/#/section-1/page-4) and the scrolling
method is just a temporary one.
But this is not an excuse. I'm developing a full swipe interaction and I
will release it soon.

Just for now I've implemented a simple workaround.
I'll investigate on the crash now.
On my devices it ever works well (iPhone 4s, iPhone 5, iPad 2, Galaxy SIII)
but this means nothing working on internet. I'll check.

Thank you for testing and for giving me this useful feedback.

Regards
marcolago

2013/1/9 Michael Donohoe notifications@github.com

Loading the demo on these devices/browsers results in immediate crash:

Mobile Safari (iPhone iOS 6.0.1)
Mobile Safari (iPad 2 iOS 6.0.1)

Link used: http://flowtime-js.marcolago.com/

Worth noting it did load on Mobile Safari iPad Mini using iOS 6.0.2

(Side note: scrolling seems to skip across a number of pages instead of
just one...)

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/1.

marcolago

Interaction/Experience/Game/Designer/Developer

Twitter: @marcolago
On Frontend Development: http://absolide.tumblr.com

On Video Games: http://maledettaconsole.tumblr.com

[marcolago]

Hi Michael.

Can I ask you a test?
Can you delete websites data for Mobile Safari in the advanced settings and then retry to load Flowtime.js?

I've reproduced this behavious on two devices and "solved" cleaning web data.

It will be a step forward toward a real solution.

Thank you.

[donohoe]

No change on the iPad after clearing all data. Also tried under Private Browsing mode.

[marcolago]

Ok, thank you.
I'll investigate.

[pcottle]

Crashes on my iPhone as well, both Chrome and Safari. I think it might be due to the mix of position:fixed, absolute positioning, and the z-indexing. I was working on another project and those CSS changes broke the browser on iOS.

It's surprising though, because Flowtime.s is very similar to Hakim's Reveal.js which perform's fine:

http://lab.hakim.se/reveal-js/#/2

I also made a similar version that uses the same CSS transition values as Hakim's but does 3D tree-based navigation:

http://petermcottle.com/

And that works fine on iOS also. I guess my main point is that mobile seems fine with 3D transforms, but chokes on fixed / absolute positioning (from my experience).

[marcolago]

Hi all.
I've added touch swipe gesture support in touch enabled devices and working on it I noticed that the parallax demo page seems the one which crashes the demo.

I've updated the repository and the online demo with the touch support and uploaded a demo without the parallax section.

Can you test the demo and the new no-parallax demo and let me know if now the browsers still crashes or if now is fine?

New demo: http://flowtime-js.marcolago.com/t/

Thank you all for the help and support.

[olsp]

Opened the new demo with safari and chrome on my ipad - both browsers crashed

[marcolago]

Ok, thanks for the report.
Can you tell me what iPad you have? Generation and storage size / free storage available?

Thanks againg.

[olsp]

3rd generation, wifi only, 16GB (1,3 GB available)
iOs 6.0.1

[marcolago]

Hi all.

I've investigated the problem and made some memory optimizations to Flowtime code.
I've build a demo to test the current optimized version before committing the changes.

Can you check at the URL http://flowtime-js.marcolago.com/t/ if everything works without crashes?
I've tested on many devices iOS and Android smartphones and tablets from an "old" iPhone 4 to a brand new iPad Mini. I've experience no crashes.

Thank you all for the support and for the patience.
Let me know.

[marcolago]

HI all.

I've merged the optimizations in the main code and committed to master.
Every test I've done was positive so I close the issue for now.

If you experience crashes again please let me know.

Thanks to all.