You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In a sharepoint page containing different webparts to highlight with reactour. I'm having a problem where if the highlight container needs to move vertical outside the viewport then there's an unexplicable offset to the top or bottom where the container is not scrolled in place. And it seems I can't solve the problem by using inViewThreshold, scrollOffset or observe, highlightedSelectors, resizeObservables, mutationObservables or highlightedSelectors on the steps itself. Also Removing certain topbars won't help/ The calculations that are made to calculate the size and scrollview are not correct I think. It could be fixed by adding something like a scrollable region that can be passed to the component. Because it takes whole of the body as scroll region while not whole viewport height is always scrollable (think of sticky headers / footers with a certain scrollable region). Maybe the cause can be something else but it has something to do with height calcualtions based on viewport height.
These are some of the screenshots:
correct when going to a step inside viewport
wrong when going to a step outside viewport
The text was updated successfully, but these errors were encountered:
Hi it is a sharepoint environment where this specific problem comes up with a large codebase. I don't have an idea how it can be reproduced in a sandbox environmnent. Is it okay to show you a print screen recording?
Hi i'm using version reactour v1.19.1.
In a sharepoint page containing different webparts to highlight with reactour. I'm having a problem where if the highlight container needs to move vertical outside the viewport then there's an unexplicable offset to the top or bottom where the container is not scrolled in place. And it seems I can't solve the problem by using inViewThreshold, scrollOffset or observe, highlightedSelectors, resizeObservables, mutationObservables or highlightedSelectors on the steps itself. Also Removing certain topbars won't help/ The calculations that are made to calculate the size and scrollview are not correct I think. It could be fixed by adding something like a scrollable region that can be passed to the component. Because it takes whole of the body as scroll region while not whole viewport height is always scrollable (think of sticky headers / footers with a certain scrollable region). Maybe the cause can be something else but it has something to do with height calcualtions based on viewport height.
These are some of the screenshots:
The text was updated successfully, but these errors were encountered: