ScrollPanel scrollbar calculations are incorrect
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 42/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react
- Área
- frontend
Línea de trabajo
Clona y ejecuta el reproducer de GitLab enlazado, y usa después su alternador de contenido pequeño y grande para observar los cálculos de las barras de desplazamiento de ScrollPanel en ambos ejes. Sigue el punto de entrada de ScrollPanel implicado en el overflow y verifica la corrección confirmando que las barras de desplazamiento permanecen dentro de los límites del componente al 100 %, independientemente del tamaño del contenido.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- CSS
- Estrellas
- 8.3k
- Forks
- 1.2k
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de primefaces/primereact
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
primefaces/primereact#8552 ·
-
Dificultad 1/5 1-3 horas Aptitud para principiantes 88/100
primefaces/primereact#8550 ·
-
Row checkbox selection tick is invisible in Landing Page Theme sectionPosiblemente ocupada @Prakash1185 la tomó hace 149 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
primefaces/primereact#8545 ·
-
Dependency conflict between jspdf v4 and jspdf-autotable during npm installPosiblemente ocupada @Kamran92 la tomó hace 164 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
primefaces/primereact#8537 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 58/100
primefaces/primereact#8551 ·
Todos los issues de primefaces/primereact
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
marmelab/react-admin#11431 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
stripe/react-stripe-js#728 ·
-
[Upload Grade C dataset] the pop-up changes it's size while uploading the document => Jumping effectAbiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
epam/statgpt-admin-frontend#305 ·
Los mantenedores suelen responder en 1 día