`rc-trigger` Does not work in a Shadow DOM

オープン

#301 2022年6月2日に作成コメント 6 件リアクション 0 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 4/5
見積もり時間: 3〜5日
初心者へのやさしさ: 42/100

issue の種類: バグ
明瞭さ: おおむね明確
活発さ: 停滞
技術スタック: react, typescript
領域: frontend

調査の方向性

リンクされている CodeSandbox の index.js から始め、Shadow DOM で失敗を再現します。getDocument の workaround と、trigger 要素の getRootNode() の結果を追跡し、createElement の欠落している動作も確認します。Shadow DOM で rc-trigger がその workaround を必要とせずに動作し、再現によって popup の動作が確認できれば完了です。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語: TypeScript
スター: 391
フォーク: 245
PR マージ指標: 30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

react-component/trigger のほかの issue

Bug: wrong dependency version of @rc-component/util オープン

難易度 2/5 1〜3時間初心者へのやさしさ 65/100

react-component/trigger#593 · リアクション 1 件 · 2025年11月30日に作成
Does not work when rendered inside an iframe オープン

難易度 3/5 1〜2日初心者へのやさしさ 58/100

react-component/trigger#623 · 2026年6月2日に作成
useAlign.js: inline style reset to 0 is silently overridden under prefers-reduced-motion CSS (CSSTransition interpolation) オープン

難易度 3/5 1〜2日初心者へのやさしさ 65/100

react-component/trigger#618 · コメント 1 件 · 2026年4月20日に作成
`collectScroller` is not working as expected when the element is in shadow DOM オープン

難易度 3/5 1〜2日初心者へのやさしさ 42/100

react-component/trigger#555 · 2025年7月15日に作成
points: ['cc', 'cc'] 无法自适应调整位置オープン

難易度 3/5 1〜2日初心者へのやさしさ 55/100

react-component/trigger#550 · コメント 1 件 · 2025年6月26日に作成

react-component/trigger の issue をすべて見る

似ている issue

[MagmaFusion] rapports qualité - contenus des rubriques en anglais manquants オープン

難易度 2/5 1〜3時間初心者へのやさしさ 65/100

InseeFr/Bauhaus#1634 · 2026年9月23日に作成
[Bug]: SSH host picker duplicates configured aliases and known_hosts targets オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

pingdotgg/t3code#13270 · 2026年9月23日に作成
resetSseResponseWait and noteRequestProgress silently fail to re-arm the 60s relay timeout if progress tokens arrive as strings オープン

bug v2

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

modelcontextprotocol/inspector#2458 · コメント 1 件 · 2026年9月23日に作成
Resources: Update work of changsha オープン

難易度 1/5 1時間未満初心者へのやさしさ 75/100

railmapgen/rmp-gallery#4068 · 2026年9月23日に作成
sass-1.105.0.tgz: 1 vulnerabilities (highest severity is: 7.5) オープン

Mend: dependency security vulnerability status: needs triage 🕵️‍♀️

難易度 2/5 1〜3時間初心者へのやさしさ 70/100

carbon-design-system/ibm-products#9907 · 2026年9月23日に作成

TypeScript の issue をもっと見る