Skip to content

Commit

Permalink
Add documentation for multiple CSS selectors in hx-disabled-elt (#2421)
Browse files Browse the repository at this point in the history
This update clarifies the hx-disabled-elt attribute's ability to accept multiple CSS selectors, separated by commas, enabling developers to disable multiple elements simultaneously during an HTTP request.
  • Loading branch information
eduardolat committed Mar 21, 2024
1 parent 8318d9a commit c43d481
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions www/content/attributes/hx-disabled-elt.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,15 @@ Here is an example with a button that will disable itself during a request:
When a request is in flight, this will cause the button to be marked with [the `disabled` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled),
which will prevent further clicks from occurring.

The `hx-disabled-elt` attribute also supports specifying multiple CSS selectors separated by commas to disable multiple elements during the request. Here is an example that disables a button and a text input field during the request:

```html
<form hx-post="/example" hx-disabled-elt="input[type='text'], button">
<input type="text" placeholder="Type here...">
<button type="submit">Send</button>
</form>
```

## Notes

* `hx-disable-elt` is inherited and can be placed on a parent element

0 comments on commit c43d481

Please sign in to comment.