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

オープン
#8,432 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
38/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
react
領域
frontend

調査の方向性

リンクされている StackBlitz の再現用コード、特に src/App.jsx から始め、縦方向のパネルを 2 つより多く配置して問題を再現します。パネルとハンドルのセットアップから resize の挙動を追跡します。どちらかの限界を超えてドラッグしてもパネルのサイズが安定したままで、その後の resize で目に見えるジャンプが発生しなければ完了です。

索引モデルが issue の本文から書いたものです。

説明

Status: Needs Triage
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

主要言語
CSS
スター
8.3k
フォーク
1.2k
PR マージ指標
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

primefaces/primereact のほかの issue

primefaces/primereact の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。