Skip to content

Splitter: Resize not stopped at limits when using more than 2 vertical panels #8432

@strawberrymetropolis

Description

@strawberrymetropolis

Describe the bug

When using more than 2 vertical panels, dragging the resize handle beyond the top or bottom limit results in all panels being slightly resized. Later, on the next resize operation, panel sizes might appear to "jump" when starting the drag.

Reproducer

https://stackblitz.com/edit/goyghi6w?file=src%2FApp.jsx

System Information

System:
    OS: Linux 6.14 Ubuntu 24.04.3 LTS 24.04.3 LTS (Noble Numbat)
    CPU: (6) x64 Intel(R) Core(TM) Ultra 7 258V
    Memory: 8.52 GB / 11.68 GB
    Container: Yes
    Shell: 5.2.21 - /bin/bash
  Binaries:
    Node: 25.0.0 - /home/x/.nvm/versions/node/v25.0.0/bin/node
    npm: 11.6.2 - /home/x/.nvm/versions/node/v25.0.0/bin/npm
    bun: 1.3.0 - /home/x/.local/share/reflex/bun/bin/bun
  Browsers:
    Chromium: 143.0.7499.40
    Firefox: 146.0
    Firefox Developer Edition: 146.0
  npmPackages:
    primereact: ^10.9.7 => 10.9.7 
    react: ^19.2.0 => 19.2.0 
    tailwindcss: ^4.0.6 => 4.1.15

Steps to reproduce the behavior

  1. Open the linked Stackblitz project.
  2. Drag any of the resize handles beyond the top or bottom limit.

Expected behavior

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions