support this: extended css selector

[gbourant]

hx-trigger now supports this as extended css selector, so we can do something like this:

<form method="GET" hx-trigger="input delay:500ms changed from:(this input), submit">
        <input type="email" name="email">
        <input name="password">
</form>

Also we might want to do thisFirst (or something like that) which will use .querySelector. (We can do this with :first-child/:last-child/:nth-child)

If this is about to be added i will add the tests later.

[Telroshan]

What is the difference / added value compared to the already existing find keyword?

[gbourant]

The form has two input fields, if i use from:(find input) the find method returns only the first. That is happening because the find method uses .querySelector and not .querySelectorAll

In order to get the all input fields i use from:(this input) which uses .querySelectorAll.

[Telroshan]

Oh ok indeed I see, I also complained back then about the inability to target multiple elements with the from modifier (#1597)

• I must admit I'm not fond of the this keyword in this case, doesn't sound that intuitive to me.
• Please note that we're holding off feature PRs for now as we work on htmx 2, which we're hoping to release in beta by early March
• As per the contribution guidelines, we expect people to respect the PR template, including referencing an associated issue (we don't take unsollicited feature PRs - note that this relates directly to Rework "find" extended CSS selector #1597 so you don't need to create a new issue don't worry, but I'll have to have 1cg look at the issue first before a PR can be accepted on the matter), and tests (so don't hesitate adding tests to your PRs directly to speed up the back-and-forth)
• Also please note that as this PR would add a keyword, you'd have to update the docs accordingly to reflect the changes

Until then, as a workaround, note that you can put an ID or use any specific-enough selector to target elements within your form, such as

<form id="whatever" method="GET" hx-trigger="input delay:500ms changed from:(#whatever input), submit">
        <input type="email" name="email">
        <input name="password">
</form>

As said above, we aren't going to move forward with feature PRs until we get htmx 2.0 out so don't expect movement from our side on this before at least early April I'd say