Confused about detail.successful and detail.failed for htmx:afterRequest about htmx

[Telroshan]

Weird, I don't experience the same behavior, see this JSFiddle where it acts as you would expect...

The part of the code that's responsible to determine whether the request is an error or not relies on the htmx2-introduced responseHandling property ;

htmx/src/htmx.js

Lines 264 to 268 in 6f83885

	responseHandling: [
	{ code: '204', swap: false },
	{ code: '[23]..', swap: true },
	{ code: '[45]..', swap: false, error: true }
	],

That's the default configuration, which sets error to true for any 4xx or 5xx code. Later on, this value is used to determine whether the request is successful, or a failure, as so :

htmx/src/htmx.js

Lines 4606 to 4608 in 6f83885

	const responseHandling = resolveResponseHandling(xhr)
	const shouldSwap = responseHandling.swap
	let isError = !!responseHandling.error

Did you modify that property by any chance and maybe forgot to set error to true for the 400 code ?
Let me know!

[schungx]

@Telroshan Thank you for the quick response! You are correct of course. It’s a behaviour of the Response Targets extension and fixed by setting htmx.config.responseTargetUnsetsError = false:

Yup. Tripped me up exactly the same way, but you found out before I can post an answer.

[JanRomero]

@Telroshan Thank you for the quick response! You are correct of course. It’s a behaviour of the Response Targets extension and fixed by setting htmx.config.responseTargetUnsetsError = false:

https://jsfiddle.net/34wtxzh5/1/

Honestly I love HTMX but its weird defaults drive me nuts sometimes.

Thanks!