[BUG] - MODAL ANIMATION about nextui HOT 6 OPEN

I also received this flickering animation weirdness. It seems that downgrading from framer-motion v11 to v10 fixed the issue however. Just sharing this as a workaround until it's properly fixed.

As an aside - I noticed that using layout={true} prop in a framer motion div inside of the modal doesn't work at all, the smooth transitions are completely broken and non-existant. For example if you have a motion.div with a changing width in a modal and you give it the layout prop, normally the width change would be smooth and animated but when rendering in a modal it's instantaneous, ie broken.

from nextui.

Hello all! this one is fixed by #2426.

from nextui.

ENG-394 [BUG] - MODAL ANIMATION

from nextui.

encountered the same issue "errors.mjs:8 You are trying to animate y from "0px" to "var(--slide-enter))". 0px is not an animatable value - to enable this animation set 0px to a value animatable to var(--slide-enter)) via the style property."

from nextui.

errors.mjs:8 You are trying to animate y from "0px" to "var(--slide-enter))". 0px is not an animatable value - to enable this animation set 0px to a value animatable to var(--slide-enter)) via the style property.

same for me too

from nextui.

i have overriden motion props with this one and seems no error now

            motionProps={{
                variants: {
                    enter: {
                        y: 0,
                        opacity: 1,
                        transition: {
                            duration: 0.3,
                            ease: "easeOut",
                        },
                    },
                    exit: {
                        y: -20,
                        opacity: 0,
                        transition: {
                            duration: 0.2,
                            ease: "easeIn",
                        }
                    }
                }
            }}

from nextui.