Semantic-Org/Semantic-UI-React

Search: preventing event bubbling leading to unexpected behaviour

Open

#3.118 geöffnet am 29. Aug. 2018

Auf GitHub ansehen
 (7 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (13.136 Stars) (4.065 Forks)batch import
bughelp wantedstale

Beschreibung

Bug Report

Steps

Render any other component which is normally expected to close when clicked outside (e.g. Popup) Click on Search component The other component (e.g. Popup) does not close on clicking on Search component

Expected Result

Other components (e.g Popup) that rely on window onclick listener to close when clicked outside its area must be able to close

Actual Result

Search component prevents event bubbling and other components (e.g Popup) are not closed when clicking on Search component

Version

0.82.3

Testcase

CodeSandbox to replicate the issue

Contributor Guide

Tech Stack
javascriptreact
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
React event handlingEvent bubblingSemantic UI React components
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
Investigate the Search component's event handlers in the Semantic UI React source code to identify where event.stopPropagation() is being called. Compare with the Popup component's behavior to understand the expected event flow. Review the linked CodeSandbox testcase to replicate the issue. Check issue comments for any proposed solutions or discussions.