Thread | Next.js | Page 1

charred cloak May 30, 2023, 5:51 PM

#

wispy orbitBOT May 30, 2023, 5:51 PM

#

Hi @charred cloak. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

charred cloak May 30, 2023, 5:51 PM

#

I would remove the exit property as you want only the animation on entering the tab

wispy orbitBOT May 30, 2023, 5:51 PM

#

Sorry @charred cloak, I seem to be having a bit of trouble. Don't worry though, I've pinged my supprt and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

gritty fern May 30, 2023, 5:52 PM

#

charred cloak I would remove the exit property as you want only the animation on entering the ...

I mean even doing that, it did not fix anything.

charred cloak May 30, 2023, 5:55 PM

#

also look at https://www.framer.com/motion/layout-group/, so you could this wouldn't be a case

gritty fern May 30, 2023, 5:55 PM

#

I am using a single

#

motion div

#

#

in the layout

charred cloak May 30, 2023, 5:56 PM

#

could you get there a layout prop?

gritty fern May 30, 2023, 5:56 PM

#

what?

charred cloak May 30, 2023, 5:56 PM

#

like <PageWrapper layout>{children}</PageWrapper>

#

as PageWrapper is a motion.div?

gritty fern May 30, 2023, 5:57 PM

#

i can just provide it in the page wrapper itself

#

ill try it

#

nope did not fix anything

charred cloak May 30, 2023, 6:00 PM

#

that's reaaly weaird :/

gritty fern May 30, 2023, 6:00 PM

#

yeah idk

#

im not sure why this is happening

#

you know what

#

I think if two pages

#

are different sizes in y

#

its like the framer motion is having a animation

#

to scale the page from one page size to the current page size

#

yeah

#

I think thats exactly what is happening

#

the framer motion div is changing size to match the size of a specific page

#

how do I stop sizing from being animated?

gritty fern May 30, 2023, 6:17 PM

#

I may have got it working by just using templates

#

instead of layouts for it

#

Issue is though

#

the loading.tsx will be given the page transition

#

before the page loads in

#

when really I want the page to be transitioned first

#

I guess the only way of doing this would be wrap every single route I want with this component

#

which is not ideal

charred cloak May 30, 2023, 6:23 PM

#

gritty fern how do I stop sizing from being animated?

i would set the height the same, and this will not be affecting

gritty fern May 30, 2023, 6:23 PM

#

thats not possible

#

every pages height will be different

charred cloak May 30, 2023, 6:24 PM

#

yeah, but you can set the min-height, and there will not be that effect

gritty fern May 30, 2023, 6:25 PM

#

it would

#

because on pages that are larger than the min height

#

i would still get this resizing animation

#Thread