Questions tagged [event-bubbling]
The concept of parent elements handling events that are propagated by a child element
event-bubbling
572
questions
1
vote
1
answer
18
views
How to control opening primeng accordion content by a button placed on the accordion
I want to open the primeng accordion using a button that is placed in its custom header and i dont want the accordion to open if i click anywhere else. i am using primeng 11-lts version and this is my ...
0
votes
0
answers
68
views
TextInput component frozen when try to type something
I've created a child component for InputField and I used that component in my Signup.tsx page 4 times to make different type of InputField just like shown in the screenshot, but when I try to type ...
0
votes
0
answers
17
views
Stop propagation of javasript/leaflet click event that starts in one element and ends in another
I have a Leaflet control that I add to the map using the code below.
...
var FilterControl = L.Control.extend({
options: {
position: 'topleft'
},
onAdd: function(map) {
...
0
votes
0
answers
30
views
wpf datagrid does not bubble the scrollwheel event [duplicate]
The scrollwheel does not work on a DataGrid inside a ScrollViewer, although the vertical scrollbar just works fine. I tested with this setup:
<ScrollViewer>
<StackPanel ...
1
vote
0
answers
38
views
Preventing from default behavior even though preventDafault() method has not been called yet
In this piece of code there is an element called container and a checkbox in it. There is
an EventListener on the container which calls a function if a click event happens on its
child or itself. This ...
0
votes
0
answers
27
views
Why does Pixijs use different elements for PointerEvent listeners?
I'm learning the source code of Pixijs, and I came across the part related to PointerEvent:
self.document.addEventListener('pointermove', this.onPointerMove, true);
this.domElement.addEventListener('...
0
votes
1
answer
65
views
Why doesn't manual "reset" event bubble to a form element?
Why does the following not trigger the alert when clicking the button?
document.addEventListener('reset', function(event) {
alert('Reset clicked!');
});
document.querySelector('button')....
0
votes
0
answers
64
views
React bubbling with nested onFocus and OnBlur
I have a scenario with three components, each handling onFocus and onBlur separately. While each component works well individually, I'm encountering an issue when they work together as parent, child, ...
0
votes
2
answers
140
views
How to allow a CLICK, through a UITableView, to buttons behind?
Imagine a large table view that's mostly transparent, with some elements here and there. (Perhaps there's a large gap between cells, or, picture the cells being mainly transparent with only a couple ...
2
votes
1
answer
495
views
React popover(modal) closes automatically after I click the open button (event listener)
Goal:
I want to implement a popover(modal) in React.
When the user click a button, then the popover is open.
Close the popover when the user clicks outside of the popover.
Logic:
conditionally render ...
0
votes
1
answer
199
views
Custom event with 'composed: false' still catchable outside shadow DOM in StencilJS component
Can somebody explain me this behaviour?
So, in Stencil js, i have custom event that i am emitting using @Event decorator which has {composed: false}. Why am i able to catch it outside of shadow DOM ...
2
votes
3
answers
180
views
Child element's click event prevented by parent's event.stopPropagation
On my (live site), I have a select element created using the 'nice-select' library. This select element is nested inside a dropdown menu, which has its own JavaScript file
function singleMenu(...
1
vote
2
answers
205
views
Hover states on React nested menu
In the following code I have a nested menu. On hover I wanted to add selected class name to the Nav.Item and only remove it when I hover over another Nav.Item. I could achive that with onMouseOver. ...
2
votes
1
answer
1k
views
I need to update state of blazor component when other component changed
I have a blazor page with different components.
Component structure is the following:
page
component1
component11
component2
When event happens on component11, component2 should update ...
1
vote
1
answer
63
views
Block the keyboard shortcut "Backspace" when a text filter is in edition and removing characters
In an app I'm working on there is a homemade CustomListView control that I cannot modify.
In the same view there is a Button with a Keyboard shortcut "Backspace" to come back to the previous ...