Event bubbling: why clicking a button also clicks its parent

click log

outer (div)

middle (div)

inner (div)

outer also listens during capture (going down) middle calls stopPropagation() in its bubble handler

Press the button to start.

Orange lines = capture stage. Green lines = target or bubble stage. target is the element you pressed; currentTarget is the element whose handler is running.