search

uixmat / onborda

An onboarding wizard flow / product tour for Next.js animated by framer motion
https://onborda.dev
687 stars 21 forks source link

Custom card unclickable (click applies to content behind the card) #5

Closed flawnson closed 3 months ago

flawnson commented 3 months ago

Removing pointer-events-none from:

    <motion.div
      data-name="onborda-overlay"
      className="absolute inset-0 z-[995] pointer-events-none"
      initial="hidden"
      animate={isOnbordaVisible ? "visible" : "hidden"} // TODO: if hidden, reduce zIndex
      variants={variants}
      transition={{ duration: 0.5 }}
    >

Fixes the issue and the card works properly again.

flawnson commented 3 months ago

Solved by adding pointer-events-auto to the outermost className of my custom card.