Task Pane - Easier vertical navigation via "scroll spy" / "pane tabs" control

I’ve used the following approach successfully in several enterprise web apps and you use it in your new Asana API site sidebar too. To avoid lots of indirect, inaccurate manual scrolling, add “pane-tabs” (aka scroll spies.) See the crude Title, Description, Subtasks and Comments lightweight tabs I added below within the sticky header:

Clicking on one of those tabs (e.g. Comments) would make the task pane animate-scroll vertically such that the start of the chosen tab (e.g. the first Comment) would now be scrolled into view to appear at the top of the pane just below this sticky header. It’s much faster and more accurate than scroll bars. “Title” would effectively be “scroll to top” (and optionally move the cursor into the task title area).



This would definitely improve efficiency in those tasks with a long description.

1 Like