demo(tabs): on iOS clicking a static tab causes a loop that crashes Safari

[naomiblack]

1. On iOS (I used an iPad3), open https://material.angularjs.org/#/material.components.tabs/readme/overview
2. Click one of the tabs in the Static Tabs demo
3. Observe a loop between showing tabs and showing the code
4. Notice that after awhile, Safari crashes.

navigator.userAgent: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) ApplewebKit/536.26(KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25

[ThomasBurleson]

May be easily resolved with CSS-version inkRipple. I will investigate.

[ajoslin]

This is really interesting.

When viewing the tabs demo alone (http://material.angularjs.org/generated/material.components.tabs/demo/demo2/) on my iPad, it works fine.

When viewing it within the iFrame on the demo page (https://material.angularjs.org/#/material.components.tabs/readme/overview) it constantly switches between paging and not.

Needs more research and debugging. iFrame problem?

[ThomasBurleson]

I think I see the problem; with possible logic re-looping within tabs.js setPage().
I am investigating today.

[marcysutton]

I'm seeing an automatic loop in the tabs demo on iPhone 5 / iOS 7 as well. It doesn't crash, but it seems to be animating all on its own.

[ThomasBurleson]

This issue has not been resolved.

• When the demo is viewed directly, the pagination works as expected.
• When the demo is hosted in an iFrame, the pagination/selection starts looping.

[ajoslin]

Fixed.