react-component / react-component/trigger
`rc-trigger` Does not work in a Shadow DOM
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 391
- Forks
- 245
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit der verknüpften index.js von CodeSandbox und reproduziere den Fehler in einem Shadow DOM. Verfolge den getDocument-Workaround und das Ergebnis von getRootNode() des Trigger-Elements, einschließlich des fehlenden createElement-Verhaltens. Als abgeschlossen gilt die Aufgabe, wenn rc-trigger in einem Shadow DOM funktioniert, ohne diesen Workaround zu erfordern, und die Reproduktion das Popup-Verhalten bestätigt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 42/100