react-component / react-component/trigger
重复触发 onPopupVisibleChange
オープン
まだ誰も着手していません。
- 主要言語
- TypeScript
- スター
- 391
- フォーク
- 245
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
onPopupVisibleChange(popupVisible) {
this.setState({ popupVisible })
}
<Trigger
action={['click']}
popup={this.renderMenu('inline')}
popupAlign={{
points: ['tl', 'bl'],
offset: [0, 3]
}}
popupVisible={this.state.popupVisible}
onPopupVisibleChange={::this.onPopupVisibleChange}
mask
destroyPopupOnHide
>
<div className="mobile-trigger">
<Icon type="bars"/>
</div>
</Trigger>
里面的 mobile-trigger 点击后展开菜单。然后再点击后应该关闭的。但是却重复触发了事件,导致关闭后立刻打开了。
感觉像是点击穿透问题, fastclick 也用了,也无效。
document.addEventListener('DOMContentLoaded', () => FastClick.attach(document.body), false)
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
issue に示されている Trigger の使用例から始め、popupVisible と mask を有効にした状態で mobile-trigger のクリックシーケンスを再現します。FastClick のセットアップを含め、onPopupVisibleChange の呼び出しを追跡し、1 回のクリックでメニューが閉じ、その直後に再び開かないことを確認します。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- javascript, react
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 28/100