Why binding mask handlers on wrap element instand of mask element?
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 1/5
- Temps estimé
- Moins d'une heure
- Accessibilité débutants
- 25/100
- Type d'issue
- Documentation
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
Commencez par Dialog.tsx et examinez les handlers onMaskClick et onMaskMouseUp, ainsi que les éléments wrap et mask présentés dans l’issue. Suivez la manière dont les événements sont gérés et consignez la raison pour laquelle ces handlers sont attachés à l’élément wrap ; le travail est considéré comme terminé lorsque le comportement est clairement expliqué pour les futurs lecteurs.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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.
- Langage dominant
- TypeScript
- Étoiles
- 455
- Forks
- 208
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de react-component/dialog
-
Difficulté 3/5 1-2 jours Accessibilité débutants 38/100
react-component/dialog#467 · 1 réaction ·
-
为什么dialog没有淡入淡出的动画呀Ouverte
Difficulté 3/5 1-2 jours Accessibilité débutants 25/100
react-component/dialog#450 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
react-component/dialog#429 · 1 commentaire ·
-
有没有安卓版啊Ouverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 15/100
react-component/dialog#407 ·
-
Difficulté 3/5 1-2 jours Accessibilité débutants 45/100
react-component/dialog#382 · 3 commentaires ·
Toutes les issues de react-component/dialog
Issues similaires
-
freshness freshness:observed-only
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
thoroc/context-radar#282 ·
-
bug P2 rust
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
Les mainteneurs répondent en général sous 1 jour
-
area: web
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
gabe-santana/arkdraw#25 ·
-
bug require-triage
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
expressjs/expressjs.com#2549 · 1 réaction ·
Les mainteneurs répondent en général sous 1 jour
-
bug good first issue hacktoberfest
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
codercops/discord-bot#101 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour