htmx

My goal is to have the GET request trigger whenever any of the inputs within the form have a `keyup` or `change` or something similar - like some sort of live as you update search

Currently the request doesn't seem to happen again

Can you move the keyup triggers down to the inputs in question?

I *think* you might need to move the `hx-get` onto them too, but you shouldn't have to tbh

Seems like I'd need to move hx-get onto them in that case - I ended up just getting rid of the changed and that *works* but it isn't quite perfect

the right thing is to be able to move the trigger down but not the `hx-get`

you could also filter the keyup event and return false for arrow keys, which would give you about 90% of what you want

where `notArrows` is a javascript function you can write

The `{% include %}` directive in njk accepts relative paths

But what does that mean in the context of the web? Just relative directories?

Hm, for some reason if I use an `input type="reset"`, HTMX behaves a bit differently. If I *don't* listen for the reset event in my form, all the fields are cleared normally. But if I do, none of the fields are cleared (but a request is made). Any idea why the fields aren't cleared?

Relative to the template file. Includes are filesystem based, not URL based

https://twitter.com/htmx_org/status/1431981385367973890

I'm new to htmx. Is there a decent document explaining how to implement login using htmx so that the authorization header is set on the calling page?

I went around and around on this. The answer is “use cookies”

If you try to set authorization headers, your users will get logged out when they click refresh, or if they follow an external link to your site.

If you really NEED to use authorization headers, I think there’s an extension (or one could easily be written) that adds this info to every request.

https://github.com/benpate/ghost/blob/master/templates/static/htmx-authorization-header.js Here’s the code I used to do it, but I ultimately abandoned this approach for cookies.