[ObjectPage]: page will twitch when the header height reaching the threshold of expansion and collapse
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- Medio día
- Aptitud para principiantes
- 55/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Activo
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Start from the ObjectPage implementation and reproduce with the layouts-floorplans-objectpage--full-screen-single-section story: make the collapsed content just require a scrollbar, then scroll to the bottom. Trace the header collapse/expand threshold logic and the scroll container sizing that feeds it. Done when the header state no longer oscillates at the bottom and the content remains scrollable.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Describe the bug
When scroll down to the bottom of the Dynamic page, the header height reaches a threashold of expansion and collapse which makes the page looks like twitching. This looks quite wired and breaks the ACC.
Isolated Example
No response
Reproduction steps
1.Go to https://ui5.github.io/webcomponents-react/v2/?path=/story/layouts-floorplans-objectpage--full-screen-single-section
2.Make sure if the header is collapsed, the content height on the page will just about to need a scollbar.
3.Try to use the mouse to scoll directly to the page bottom
4.You will see that due to header height reaches a threashold of expansion and collapse, it keeps rotate from the expansion view and collapse view, which makes the page looks like twitching.
Expected Behaviour
The page should not twitch in any time.
Screenshots or Videos
https://github.com/user-attachments/assets/d234b567-e183-404b-b062-063a2b64b5af
UI5 Web Components for React Version
2.27.2
UI5 Web Components Version
2.27.2
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.
- Lenguaje dominante
- TypeScript
- Estrellas
- 543
- Forks
- 114
- Merge medio
- 18 h 30 min
- PR fusionados (30 d)
- 76
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 UI5/webcomponents-react
-
Modals: preventInitialFocus is set too late when using Modals.showDialogPosiblemente ocupada @Lukas742 la tomó hace 4 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 25/100
UI5/webcomponents-react#9116 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
MessageView + MessageItem: missing accessible names, no aria-expanded, and broken focus/announcement on detail viewPosiblemente ocupada @Lukas742 la tomó hace 4 días. Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 52/100
UI5/webcomponents-react#9112 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
ObjectPage: tabIndex=0 set on first ObjectPageSection even for single-section layout causing WCAG 2.1.1 keyboard accessibility violationPosiblemente ocupada @Lukas742 la tomó hace 10 días. Abierto
UI5/webcomponents-react#9080 · 5 comentarios ·
Los mantenedores suelen responder en 1 día
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 20/100
UI5/webcomponents-react#8529 ·
Los mantenedores suelen responder en 1 día
-
Design Pending SAP SF
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
UI5/webcomponents-react#8158 · 1 comentario · 1 reacción ·
Los mantenedores suelen responder en 1 día
Todos los issues de UI5/webcomponents-react
Issues similares
-
[Bug]: Fix for unicode filenamesAbierto🐛 bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
LibreChat-AI/LibreChat#17733 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
TypeStrong/typedoc#3150 ·
-
accessibility bug good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
Los mantenedores suelen responder en 1 día
-
Normalize image-source MIME types before SVG dispatchPosiblemente ocupada @HarsH-1877 la tomó hoy. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
tscircuit/image-utils#58 · 1 comentario ·
-
Add API: BlockVectra Data APIAbierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 74/100
Los mantenedores suelen responder en 2 días