Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

动画结束事件未正确触发,导致父元素样式未清除,以及对渲染至有滚动条的DOM中时的处理建议

Abierto
#141 0 comentarios 0 reacciones 0 asignados Ver en GitHub

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

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-component/drawer

Todos los issues de react-component/drawer

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.