react-component / react-component/trigger
`rc-trigger` Does not work in a Shadow DOM
まだ誰も着手していません。
- 主要言語
- TypeScript
- スター
- 391
- フォーク
- 245
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
Found this issue using the Ant Design package and traced it down to this dependency.
Reference: https://github.com/ant-design/ant-design/issues/35897
Reproduce: https://codesandbox.io/s/ant-design-web-component-issues-lx7d2v?file=/index.js
Workaround is to pass this prop:
getDocument={documentElement && (() => documentElement)} // documentElement is a modified shadow-root
documentElement is retrieved using getRootNode() of the trigger element and also needs to add createElement to it because rc-trigger thinks it is a document object.
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
リンクされている CodeSandbox の index.js から始め、Shadow DOM で失敗を再現します。getDocument の workaround と、trigger 要素の getRootNode() の結果を追跡し、createElement の欠落している動作も確認します。Shadow DOM で rc-trigger がその workaround を必要とせずに動作し、再現によって popup の動作が確認できれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 42/100