动画结束事件未正确触发,导致父元素样式未清除,以及对渲染至有滚动条的DOM中时的处理建议
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza con la demo oficial y reproduce la secuencia usando “render to current DOM” y “basic drawer”; después, inspecciona el manejo del final de la animación del drawer y el comportamiento del contenedor de desplazamiento. Se considera terminado cuando los estilos del body padre se borran después de cerrar y renderizar en un DOM desplazable no restablece permanentemente su posición de desplazamiento.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
官方Demo即可稳定复现,打开渲染至当前DOM的抽屉,再打开基础抽屉,然后关闭基础抽屉就会发现body的滚动条没了,body上的样式没有被清除。
在二次封装时发现是动画结束事件未触发,封装添加的样式就也没能被清除。
另外现在渲染至有滚动条的DOM中时,是将其scrollTop设置为0来保证能看到抽屉的,并且不会还原,只有在渲染至body时特殊处理了不影响滚动条,是否可以考虑使用getBoundingClientRect配合translateY来保证抽屉出现在可视区内呢?
- Lenguaje dominante
- TypeScript
- Estrellas
- 424
- Forks
- 108
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
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 react-component/drawer
-
Add React 19 supportAbierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/drawer#517 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 48/100
react-component/drawer#479 · 1 reacción ·
-
handler alternativeAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 35/100
react-component/drawer#474 · 1 reacción ·
-
Bug: getContainer设置指定dom元素后依然是全屏Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
react-component/drawer#422 · 3 comentarios ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 30/100
react-component/drawer#414 · 1 reacción ·
Todos los issues de react-component/drawer
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
better-auth/better-auth#11723 · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
area: docs difficulty: easy documentation good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
Worker-Erstellung bricht langsame Git-Worktree-Checkouts nach 20 Sekunden abPosiblemente ocupada @KajoVanBuyten la tomó hoy. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 69/100
AgentSystemLabs/agent-office#367 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
pierrecomputer/pierre#1187 ·
Los mantenedores suelen responder en 1 día
-
area: frontend bug
Dificultad 1/5 1-3 horas Aptitud para principiantes 85/100
snapotter-hq/SnapOtter#2425 ·
Los mantenedores suelen responder en 1 día