Scrolling performance on iPhone 6 Plus (Safari and Chrome) about md-steppers

[roelbarreto]

@anandraju found some fix with your issue here http://stackoverflow.com/questions/9582076/how-to-prevent-scroll-lag-on-safari-mobile-ipad
Try this solution: find any element inside md-steppers that is causing horizontal scrolling and set overflow-x to hidden.

md-steppers * {
        overflow-y: scroll;
        overflow-x: hidden; 
        -webkit-overflow-scrolling: touch;
    }
}

[roelbarreto]

@anandraju I can replicate the lag/flickering on ios-safari, I also try replacing the md-steppers with a md-tabs and it behave the same on ios-safari. The md-steppers is based on md-tabs. I am still refactoring and optimizing the code to move out from md-tabs code base.
I'll investigate the root cause and apply fix for the current release but if you can replicate the same with md-tabs then it will be angular material issue with the controls.

[arnieraju]

@ipiz Thanks so much for the quick reply and thanks for the feedback. I'll try that out today and let you know how it goes.

[arnieraju]

I tried out that solution, however the issue is still there.

The horizontal scrolling wasn't the issue. Going from step to step the animation horizontally is actual silky smooth, it is the normal vertical scrolling when going up and down the form that is causing the scroll lag - i'll try and capture a video to illustrate this.

Now that I know it is potentially an angular issue that relates to the md-tabs I'll do a bit more research in that area too - will let you know what i find.

[roelbarreto]

@arnieraju How is your findings with this? THanks