`rc-trigger` Does not work in a Shadow DOM
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 42/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- react, typescript
- 领域
- frontend
调研方向
从链接的 CodeSandbox 的 index.js 开始,在 Shadow DOM 中复现该故障。跟踪 getDocument workaround 以及触发元素的 getRootNode() 结果,包括缺失的 createElement 行为。当 rc-trigger 能够在 Shadow DOM 中工作而不需要该 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 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
react-component/trigger 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 65/100
react-component/trigger#593 · 1 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 58/100
react-component/trigger#623 ·
-
难度 3/5 1-2 天 新手友好度 65/100
react-component/trigger#618 · 1 条评论 ·
-
难度 3/5 1-2 天 新手友好度 42/100
react-component/trigger#555 ·
-
难度 3/5 1-2 天 新手友好度 55/100
react-component/trigger#550 · 1 条评论 ·
查看 react-component/trigger 的全部 Issue
相似的 Issue
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) 未关闭
难度 2/5 1-3 小时 新手友好度 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 65/100
-
难度 1/5 1 小时以内 新手友好度 85/100
-
Mend: dependency security vulnerability untriaged
难度 2/5 1-3 小时 新手友好度 70/100