Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

ScrollPanel scrollbar calculations are incorrect

Đang mở
  • Có gì không ổn?
#8,440 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
42/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
react
Lĩnh vực
frontend

Hướng nghiên cứu

Clone và chạy reproducer GitLab được liên kết, sau đó sử dụng nút chuyển đổi nội dung nhỏ và lớn của nó để quan sát các phép tính thanh cuộn của ScrollPanel trên cả hai trục. Theo dõi entry point của ScrollPanel liên quan đến overflow và xác minh bản sửa bằng cách xác nhận rằng các thanh cuộn vẫn nằm trong ranh giới của component ở mức 100%, bất kể kích thước nội dung.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Status: Needs Triage
Describe the bug

When content exceeds a certain size in either the horizontal or vertical axis, the scroll bar calculation becomes incorrect and overflows the component boundaries at 100%.

Reproducer

https://gitlab.com/stackhound/primereact-scrollpanel-bug

System Information
System:
    OS: Linux 5.15 Ubuntu 22.04.5 LTS 22.04.5 LTS (Jammy Jellyfish)
    CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13900KF
    Memory: 26.06 GB / 31.26 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.17.0 - /home/nrhruch/.nvm/versions/node/v20.17.0/bin/node
    npm: 10.8.2 - /home/nrhruch/.nvm/versions/node/v20.17.0/bin/npm
    pnpm: 9.11.0 - /home/nrhruch/.local/share/pnpm/pnpm
  npmPackages:
    primereact: ^10.9.7 => 10.9.7 
    react: ^19.2.0 => 19.2.3
Steps to reproduce the behavior

I have it in a gitlab project right now. You can clone and run it. Toggle between small and large content to see the issue.

Expected behavior

The scrollbars should calculate its position correctly regardless of content size.

Ngôn ngữ chính
CSS
Star
8.3k
Fork
1.2k
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của primefaces/primereact

Tất cả issue của primefaces/primereact

Issue tương tự

Thêm issue về Web Dev

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.