Post

The code right now :)

Forgot to mention that the transition is done with Vue's <Transition> component (adds active + from/to classes, listens to transitionend events). I hoped transform-origin would work in the @position-try clause, but it doesn't seem to. Or transform-origin: anchor(top) anchor(left); Any ideas?

transform origin is only if you are using transforms, like scale, translate, skew, rotate... but the zoom would be happening from scale, I'm assuming, so when the position-area is bottom, I'd have the transform-origin: top, and vice versa for when it's anchored to the top.