Add stopPropagation to the Dropdown class #6613
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This commit re-adds the stopPropagation property to a dropdown for the dropdown trigger
Proposed changes
Adding the stopPropagation property allows an html element that contains a dropdown trigger to have a click event that does not get triggered when selecting the dropdown trigger.
Screenshots (if appropriate) or codepen:
In this example I have two chips with an ellipsis icon as the dropdown trigger, The left chip fires the chip event when you click on the chip and anything related to the dropdown trigger. The right chip contains the click event on the text which is not ideal because there is un-clickable space on the chip and if I want to add an icon to the left of the text I would need to wrap the icon and text in a span that has a click event.
Types of changes
Checklist: