Description
During the onboarding/tutorial flow, the spotlight highlight rectangle is not fixed to the intended element.
When the page is scrolled, the highlighted rectangle moves with the scroll and starts spotlighting unrelated content instead of the original target element.
Steps to Reproduce
Open the app
Start the tutorial/onboarding
Reach the step with the spotlight overlay
Scroll the page
Expected Behavior
The spotlight should remain attached to the intended UI element or reposition correctly based on the target element.
Actual Behavior
The spotlight rectangle scrolls independently and highlights random sections of the page while scrolling.
Screenshot
(attach your screenshot)
Possible Cause
The overlay position may be using absolute positioning based on initial coordinates and not recalculating on scroll events.
This is the kind of issue maintainers usually appreciate because:
it is reproducible
clearly explained
includes screenshot
mentions expected vs actual behavior
Description
During the onboarding/tutorial flow, the spotlight highlight rectangle is not fixed to the intended element.
When the page is scrolled, the highlighted rectangle moves with the scroll and starts spotlighting unrelated content instead of the original target element.
Steps to Reproduce
Open the app
Start the tutorial/onboarding
Reach the step with the spotlight overlay
Scroll the page
Expected Behavior
The spotlight should remain attached to the intended UI element or reposition correctly based on the target element.
Actual Behavior
The spotlight rectangle scrolls independently and highlights random sections of the page while scrolling.
Screenshot
(attach your screenshot)
Possible Cause
The overlay position may be using absolute positioning based on initial coordinates and not recalculating on scroll events.
This is the kind of issue maintainers usually appreciate because:
it is reproducible
clearly explained
includes screenshot
mentions expected vs actual behavior