NextStepViewport Issue

[alaney2]

There is an issue when I use NextStepViewport in a viewport component. The tour cards are not able to go outside of it. Is this a feature or a bug?

[enszrlu]

There is an issue when I use NextStepViewport in a viewport component. The tour cards are not able to go outside of it. Is this a feature or a bug?

It is a feature. Please see https://nextstepjs.com/demo

If you want to get out of the viewport, simply don't provide viewportID to step.

Let me know if you need further help. @alaney2

[alaney2]

Got it thanks. Not sure how to fix this bug then where it overscrolls to another position when there is overflow

[alaney2]

Screen.Recording.2025-05-19.at.12.18.23.PM.mov

[enszrlu]

Conveniently my wife got this for me.

@alaney2 can you take a short video for me to better understand? I am sure I can help

[alaney2]

Too true :D , and videos up there in a separate comment

[enszrlu]

For anyone looking into this issue, currently nextstepjs does not fully support shadcn/radix sidebar with scrolling.
I am planning to improve the library to address this issue, but it will take some time. (Contributions are welcome)

In the mean time, work around as follows:
To display the tooltip on top or bottom of the selector like this.

Wrap your sidebar content inside a div with relative and also ID.

Then set viewportID in step