Reactour Not Working with Drawer and Modal Components

[myasir-khan]

Description:

I am experiencing an issue with Reactour when trying to integrate it with Drawer and Modal components. The tour steps are not correctly recognizing elements within these components, leading to inaccurate or missed highlights and steps not progressing as expected. The issue occurs specifically when trying to guide users through elements that are inside either a Drawer or a Modal.

Steps to Reproduce:

1. Create a React project with Drawer and Modal components.
2. Integrate Reactour and configure tour steps that target elements within the Drawer or Modal.
3. Initiate the tour and observe the behavior when it reaches steps inside the Drawer or Modal.

Expected Behavior:
Reactour should correctly highlight and interact with elements inside the Drawer and Modal, just as it does with elements in the main content area.

Actual Behavior:
Reactour fails to highlight or interact correctly with elements inside the Drawer or Modal, causing the tour to either skip steps or fail to progress.

Additional Context:

• React version: [Your React version]
• Reactour version: [Your Reactour version]
• Browser: [Your browser details]

This issue is impacting the user experience as the tour cannot accurately guide users through these components.

[amitamrutiya]

Getting same issue @elrumordelaluz

[elrumordelaluz]

Hi @myasir-khan, thanks for open the Issue.

Mind creating a minimal reproduction in a sandbox in order to allow others to debug faster your use-case and try to find a solution as soon as possible? Thanks!