Why binding mask handlers on wrap element instand of mask element?
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 1/5
- Tiempo estimado
- Menos de una hora
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Documentación
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Empieza con Dialog.tsx e inspecciona los handlers onMaskClick y onMaskMouseUp, junto con los elementos wrap y mask mostrados en el issue. Sigue cómo se gestionan los eventos y registra el motivo de vincular estos handlers al elemento wrap; se considera terminado cuando el comportamiento está explicado claramente para futuros lectores.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
While I reading the source code, a question confuses me.
Why binding mask handlers on wrap element instand of mask element?
For example, the onMaskClick and onMaskMouseUp handlers.
// At the end of Dialog.tsx.
return (
<div className={`${prefixCls}-root`}>
{this.getMaskElement()}
<div
tabIndex={-1}
onKeyDown={this.onKeyDown}
className={`${prefixCls}-wrap ${props.wrapClassName || ''}`}
ref={this.saveRef('wrap')}
onClick={maskClosable ? this.onMaskClick : null}
onMouseUp={maskClosable ? this.onMaskMouseUp : null}
role="dialog"
aria-labelledby={props.title ? this.titleId : null}
style={style}
{...props.wrapProps}
>
{this.getDialogElement()}
</div>
</div>
);
Very grateful if someone tell me the reason.
And, please forgive my fool question.
- Lenguaje dominante
- TypeScript
- Estrellas
- 455
- Forks
- 207
- 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/dialog
-
Dificultad 3/5 1-2 días Aptitud para principiantes 38/100
react-component/dialog#467 · 1 reacción ·
-
为什么dialog没有淡入淡出的动画呀Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
react-component/dialog#450 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/dialog#429 · 1 comentario ·
-
有没有安卓版啊Abierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 15/100
react-component/dialog#407 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
react-component/dialog#382 · 3 comentarios ·
Todos los issues de react-component/dialog
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
feat(icons): add [solidping]Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 82/100
homarr-labs/dashboard-icons#2939 ·
Los mantenedores suelen responder en 1 día
-
Agent/category reasoning variants are still checked against the stale model cache in chat.paramsAbiertoopencode
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
code-yeongyu/oh-my-openagent#10003 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 77/100
Los mantenedores suelen responder en 1 día
-
Actions on ToastsAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
nextcloud-libraries/nextcloud-dialogs#2669 ·
Los mantenedores suelen responder en 1 día