Skip to content

✨ Show Code Structure when Scrolling (aka Sticky Headers) #42

Open
@ProfessorConfundus

Description

@ProfessorConfundus

Description

When working in long source files, it's easy to lose track of which class, function, or structural block you're currently in while scrolling. A helpful enhancement would be to show a floating indicator or sticky header that displays the current code structure as you scroll through the file.

Proposed Behavior

  • While scrolling, a temporary overlay or sticky header appears, showing the current structural context (e.g., class, function, namespace).
  • The indicator updates in real-time based on scroll position.
  • The indicator fades out after scrolling stops or once the user re-engages with the editor.

Implementation Notes

  • We can leverage the existing Tree-sitter integration to identify and display the current structure based on the syntax tree.
  • This could tie into the same symbol parsing used for outline views or breadcrumbs, minimizing duplication.

Benefits

  • Improves orientation when navigating large files.
  • Reduces mental overhead by keeping context visible.
  • Useful for both reading and editing code, especially in deeply nested files.

Additional Context

This behavior would be especially valuable during code review, debugging, or when working in unfamiliar codebases. It could be made optional in preferences.

Screenshots

Screen.Recording.2025-04-19.at.3.39.19.PM.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    📋 Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions