HTMX v1: after-settle event getting called on parent element

[BismuthGlass]

I have a list. In that list there are items. In each of those items there is a button which sends an HTMX request and updates the item (but not the list.) Here is a condensed example of the setup:

<div class="pblock-editor-table"
     hx-get="..."
     hx-swap="outerHTML"
     hx-on::after-settle="console.log('list settled')">
	{{ range .Items }}
		<div class="pblock-item"
		     data-block-name="{{ .Name }}"
		     hx-on::after-settle="console.log('item settled')">
			<div class="op-enabled icon"
			     hx-put="..."
			     hx-target="closest .pblock-item"
			     hx-select="[data-block-name='{{ .Name }}']"
			     hx-swap="outerHTML">✓</div>
                        <div>Some unimportant data...</div>
		</div>
	{{ end }}
</div>

This is also the exact same code that is returned by both hx-put calls, which is why I am hx-selecting the specific item div when updating.

The updates themselves work as expected. When I click the button some stuff happens in the backend (not reflected here), and the item is updated as expected. The hx-on::after-settle for the item is run accordingly, and everything works fine.

My issue is that the request for the button also triggers the hx-on::after-settle event for the parent pblock-editor-table div, and I do not understand why, or how to prevent this. I would think that since the parent isn't being directly changed because it isn't the target, it wouldn't even have to settle, and checking the event logs that does seem to be the case. In the event logs, the only event that I see related to the parent div seems to be an afterOnLoad event, but the only afterSettle event that shows up is indeed from this item div.

I also thought that this was maybe an issue with inheritance so I tried using hx-disinherit="*" on the parent, but that didn't work either, so I am fresh outta ideas, aside from handling the after-settle events in scripts, which I didn't want to do.

Any idea why this is happening, and what I'm doing wrong?

[BismuthGlass]

I figured it out. It was event bubbling. Fixed by adding

hx-on::after-settle="event.stopPropagation(); console.log('item settled')"

on the item request.