search

uixmat / onborda

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

Overlay clickthrough #18

Open foureight84 opened 3 months ago

foureight84 commented 3 months ago

I'm currently using v1.2.4 and it's working beautifully on Nextjs14 with tailwindcss. The one thing I noticed is that the link, and other elements beneath the overlay are still clickable. An accidental click during a tour would send the user to a different route while the tour's context remains the same.

uixmat commented 3 months ago

This will be added to the roadmap to disallow clickthrough's

raviriley commented 2 months ago

Onborda is kinda useless without this, big + 1

yousefelgoharyx commented 2 months ago

UMMMMM I actually need the option to allow clicking through xD

yousefelgoharyx commented 2 months ago

Here's a quick fix if any encountered this issue

[data-name='onborda-overlay'] {
  pointer-events: none !important;
}
fikricanozgur commented 2 months ago

Here's a quick fix if any encountered this issue

[data-name='onborda-overlay'] {
  pointer-events: none !important;
}

Where exactly did you use data-name="onborda-overlay" to disallow clickthrough's?

uixmat commented 2 months ago

Going to push an update for this this week guys. Will add a prop to the parent component to disable/enable click through ✌️

fikricanozgur commented 1 month ago

any updates?