Why binding mask handlers on wrap element instand of mask element?
まだ誰も着手していません。
評価
- 難易度
- 1/5
- 見積もり時間
- 1時間未満
- 初心者へのやさしさ
- 25/100
- issue の種類
- ドキュメント
- 明瞭さ
- 説明が足りない
- 活発さ
- 停滞
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
Dialog.tsx から始めて、onMaskClick と onMaskMouseUp のハンドラー、および issue に示されている wrap 要素と mask 要素を調べてください。イベントがどのように処理されるかを追跡し、これらのハンドラーを wrap 要素にバインドする理由を記録してください。将来の読者に向けて動作が明確に説明されていれば完了です。
索引モデルが issue の本文から書いたものです。
説明
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.
- 主要言語
- TypeScript
- スター
- 455
- フォーク
- 207
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react-component/dialog のほかの issue
-
難易度 3/5 1〜2日 初心者へのやさしさ 38/100
react-component/dialog#467 · リアクション 1 件 ·
-
为什么dialog没有淡入淡出的动画呀オープン
難易度 3/5 1〜2日 初心者へのやさしさ 25/100
react-component/dialog#450 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
react-component/dialog#429 · コメント 1 件 ·
-
有没有安卓版啊オープン
難易度 5/5 1週間以上 初心者へのやさしさ 15/100
react-component/dialog#407 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
react-component/dialog#382 · コメント 3 件 ·
react-component/dialog の issue をすべて見る
似ている issue
-
status: needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 83/100
a2ui-project/a2ui#3158 ·
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
hemilabs/ui-monorepo#2475 ·
メンテナーはふだん 1 日以内に返信
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
難易度 1/5 1時間未満 初心者へのやさしさ 82/100
lingdojo/kana-dojo#32279 · コメント 1 件 · リアクション 5 件 ·
メンテナーはふだん 1 日以内に返信
-
code-quality refactoring
難易度 2/5 1〜3時間 初心者へのやさしさ 77/100
github/gh-aw-firewall#9879 ·
メンテナーはふだん 1 日以内に返信
-
[Bug]: Arrow-key cursor movement in combined diff view doesn't scroll to keep the cursor visibleオープンos:macos
難易度 2/5 1〜3時間 初心者へのやさしさ 64/100
メンテナーはふだん 1 日以内に返信