elrumordelaluz / elrumordelaluz/reactour
Reactour Not Working with Drawer and Modal Components
- Dominant language
- TypeScript
- Stars
- 4.1k
- Forks
- 352
- PR merge metrics
- No merged PRs in 30d
Description
### **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.
Contributor guide
Research direction
Start by reproducing the tour in a minimal React project with steps targeting elements inside a Drawer and a Modal, then trace how Reactour resolves and advances those targets. Done means the tour highlights and progresses through Drawer and Modal elements as it does for elements in the main content area.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 32/100