Animations of transitions between routes and position: absolute?

Question

Vue.js

Hey!
I make transition animations for the application. The problem is that in order for nothing to go anywhere, you need to assign router-view position: absolute and wrap it with position: relative and add overflow: hidden . Otherwise, there will be various jerks, the appearance of scrollbars, etc.

But due to the use of overflow: hidden , the following problem arises - it does not affect the parent block, therefore, in order for anything to be displayed, the parent block (with position: relative) needs to hard-set the height. But pages obviously can be of different heights. Until I figured out how to overcome this problem.