diff options
| -rw-r--r-- | CHANGELOG.md | 2 | ||||
| -rw-r--r-- | www/content/attributes/hx-disabled-elt.md | 9 | ||||
| -rw-r--r-- | www/content/docs.md | 2 | ||||
| -rw-r--r-- | www/content/extensions/client-side-templates.md | 2 |
4 files changed, 12 insertions, 3 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 96c04c58..fd211538 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ # Changelog -## [1.9.11] - 2024-04-15 +## [1.9.11] - 2024-03-15 * Fix for new issue w/ web sockets & SSE on iOS 17.4 (thanks apple!) * Fix for double script execution issue when using template parsing diff --git a/www/content/attributes/hx-disabled-elt.md b/www/content/attributes/hx-disabled-elt.md index 0b3e6afd..bc9faf93 100644 --- a/www/content/attributes/hx-disabled-elt.md +++ b/www/content/attributes/hx-disabled-elt.md @@ -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 diff --git a/www/content/docs.md b/www/content/docs.md index 9c639690..76ae221f 100644 --- a/www/content/docs.md +++ b/www/content/docs.md @@ -1037,7 +1037,7 @@ Note that all client side validations must be re-done on the server side, as the ## Animations -Htmx allows you to use [CSS transitions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions) +Htmx allows you to use [CSS transitions](#css_transitions) in many situations using only HTML and CSS. Please see the [Animation Guide](@/examples/animations.md) for more details on the options available. diff --git a/www/content/extensions/client-side-templates.md b/www/content/extensions/client-side-templates.md index b85deb1c..afcdbca7 100644 --- a/www/content/extensions/client-side-templates.md +++ b/www/content/extensions/client-side-templates.md @@ -81,7 +81,7 @@ a [`<template>` tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/t <p id="content">Start</p> <template id="foo"> - <p> {% raw %}{{userID}}{% endraw %} and {% raw %}{{id}}{% endraw %} and {% raw %}{{title}}{% endraw %} and {% raw %}{{completed}}{% endraw %}</p> + <p> {{userId}} and {{id}} and {{title}} and {{completed}}</p> </template> </div> </body> |