Merge remote-tracking branch 'origin/master'

This commit is contained in:
Carson Gross 2024-03-27 09:38:13 -06:00
commit c247cae9bf
4 changed files with 12 additions and 3 deletions

View File

@ -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

View File

@ -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

View File

@ -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.

View File

@ -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>