I will do my best to explain as clear as possible. When I click a comment in the list on the right in the web app that is out of the viewport, I would expect the viewport to ‘jump’ to the position of the comment I clicked. The viewport jumps to that comment, but it doesn’t show the page anymore, it looks like there’s an overflow hidden on the container that holds the design, so it shows just the background of the web app.
What I do:
-
The initial viewport is e.g. 1080px high. With the comments hidden I can scroll through the entire design.
-
When I open the comments sidebar I can see and place comments that are in the viewport (would be a big plus and more intuitive if you can still scroll with the comments sidebar open tho!)
-
When I want to view a comment that is out of the viewport (for example on y:1800px) I click on that comment in the sidebar. The page jumps to that comment and opens it, but it leaves the container of the prototype on it’s initial place. I added a screenshot for clarity. If I place a comment e.g. all the way in the footer, the entire design is ‘gone’.
It’s very confusing, as a projects’ stakeholders will think there is something wrong with the design.
