v-onboarding
v-onboarding copied to clipboard
Enabling OverlayInteraction does not prevent click events from being blocked
The bug
Setting the options
value of preventOverlayInteraction
to false
allows interaction but doesn't allow the actual click events to occur. This seems to be a bug.
To Reproduce
eg.
If you instantiate a <VOnboardingWrapper :options="options">
with the options below when the Tour popover appears, other buttons on the screen will be hoverable and clickable, but their actual click events won't fire. ie. Hyperlinks will not route you to a new page.
const options = {
overlay: {
enabled: false,
preventOverlayInteraction: true,
},
hideButtons: {
previous: false,
next: true,
exit: false,
},
}
Screenshots
It looks like the FocusTrap library is being called on to prevent event propagation:
https://github.com/fatihsolhan/v-onboarding/blob/main/src/components/VOnboardingStep.vue#L96
Expected behavior
When preventOverlayInteraction
is made false
interaction AND events become unblocked. Alternatively, if you want to keep interaction blocking separate from event blocking you could introduce a new value in options, perhaps called preventOverlayClickEvents? And if this feature already exists please let me know how to use it.
Desktop (please complete the following information):
- OS: macOS Sonoma 14.2
- Browser: Chrome