Bug: Events in shadow dom get duplicated when bubbling
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 251k
- Forks
- 51.4k
- Ø Merge
- 2 T. 4 Std.
- Gemergte PRs (30 T.)
- 53
Beschreibung
Events dispatching from inside a shadow-root will be handled multiple times while bubbling up the virtual DOM tree. I suspect this is because of event retargeting when crossing the boundary of the shadow dom.
React version: 17.0+, including 18-rc2
Steps To Reproduce
Click on the button in the code example below:
https://codesandbox.io/s/react-shadow-dom-event-doubling-msgnj1
The current behavior
onDivClicked is called twice per click on the button.
The expected behavior
onDivClicked should only be called once per handled click.
Beitragsleitfaden
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 CodeSandbox-Reproduktion und untersuche, wie sich der Klick in React 17 und 18 über die Shadow-Root-Grenze hinweg bewegt. Als abgeschlossen gilt die Aufgabe, wenn onDivClicked einmal pro Button-Klick aufgerufen wird, während das Ereignis weitergeleitet wird, und der reproduzierte Fall durch einen Regressionstest abgedeckt ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react
- 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