Page Transitions with Side Menus - best practices


Using a Side-Menu set up, similar to the demo on ionics codepen, and ideas from this post, I have a my main side-menu with different nested views and then disabling the side menu drag based on the views being show.

On one page in particular, I have the drag disabled. But to get to that page, you must tap a link on another page where the menu is enabled and open. This creates an odd animation effect where and the side menu toggles close, the nav-view starts its transitions.

I’ve seen people talk about this before but what I want to know is what others are doing when they come across this. Are their any best practices for dealing with odd animations transitions?