search

tomastrajan / angular-ngrx-material-starter

Angular, NgRx, Angular CLI & Angular Material Starter Project
https://tomastrajan.github.io/angular-ngrx-material-starter
MIT License
2.82k stars 918 forks source link

Route animations mess up on iOS Chrome #451

Closed MagnusBrzenk closed 5 years ago

MagnusBrzenk commented 5 years ago

Minimal reproduction of the bug with instructions:

Changing pages on iOS Chrome results in jerky animations.

Expected behavior:

Smooth animations.

Other information:

I would be willing to submit a PR to fix this issue:

[ ] Yes (Assistance is provided if you need help submitting a pull request)
[X] No

tomastrajan commented 5 years ago

@MagnusBrzenk thanks for reporting the issue. As a quick workaround , it is possible to disable animations in the settings, and potential in code if you're using it for your own app.

MagnusBrzenk commented 5 years ago

Thanks @tomastrajan. I ended up doing some research into layout and angular animations and ended up building my own boilerplate that borrows from this repo and this one by @CanKattwinkel. So if you're having trouble with layout/animations, you might want to check out the simplified approach shown there. It was also important to my goals to have a sticky footer, which isn't a constraint here.

(@tomastrajan: I think the approach to layout/animations that I went for in this repo is too different to try and implement here via a pull request, so I figured the best I could do is link to what I've come up with, and maybe that can give you ideas.)

tomastrajan commented 5 years ago

Thanks for sharing!