Skip to content

Note that block jumps in unintuitive ways. #910

@kmpeeduwee

Description

@kmpeeduwee

Describe the bug

When the top face of the block is at the top (invisible), pressing the button adds a blue rectangle, but the block itself grows upward while its lower part remains in place. It should be the opposite. If the block is fully visible, everything works as it should.

Your minimal, reproducible example

https://codesandbox.io/p/devbox/gallant-sun-f6gmp9?workspaceId=ws_VgNsJVVZEmm7CqrvpZ8GN2

Steps to reproduce

1 Move the block that we want to expand so that its top part is not visible.
2 Press the Expand button.

Expected behavior

The block should expand downward.

How often does this bug happen?

Every time

Screenshots or Videos

Normal behavior (full block visible) :
https://github.com/user-attachments/assets/2b75cf6e-de70-460e-b476-6312516511f6

Non-normal behavior (part block visible) :
https://github.com/user-attachments/assets/9b2bf3af-2d96-404e-ba17-bdc89d1447bc

Platform

Linux Fedora 41, mac os 15, firefox 133, chrome 131

tanstack-virtual version

3.10.9, 3.11.2

TypeScript version

5.7.2

Additional context

No response

Terms & Code of Conduct

  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions