hx-vals does not work together with delay

[sigsegvat]

It seems that the event object is not passed to the jx-vals expression when using a delay modifier in hx-trigger (see code below).

<div contenteditable="true" hx-post="/test" contenteditable="true" hx-trigger="input delay:1s" 
     hx-vals="js:{text: convertEvent(event)}"
     >doesn't work</div>

<div contenteditable="true" hx-post="/test" contenteditable="true" hx-trigger="input" 
     hx-vals="js:{text: convertEvent(event)}"
     >works</div>
     
 window.convertEvent= function(event) {
  console.log(event)
  return event.target.innerHTML
}    

[GlennWSo]

I have also noticed this problem

[ahmed-com]

any update on this issue ? any work around ?

[scrhartley]

Workaround:

<div contenteditable="true" hx-post="/test" contenteditable="true" hx-trigger="myinput" 
     hx-vals="js:{text: convertEvent(event)}"
     oninput="setTimeout(evt => htmx.trigger(evt.target, 'myinput', {cause: evt}), 1000, event)"
     ></div>

[1cg]

fixed in 2.0.2

[scrhartley]

I think it's a mistake saying that this was fixed in version 2.0.2. PR #3196 has been merged into the dev branch (Apr 24, 2025), but hasn't made its way to master yet for a release.