mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-10-04 08:15:35 +00:00
Merge remote-tracking branch 'origin/master'
This commit is contained in:
commit
c247cae9bf
@ -1,6 +1,6 @@
|
|||||||
# Changelog
|
# 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 new issue w/ web sockets & SSE on iOS 17.4 (thanks apple!)
|
||||||
* Fix for double script execution issue when using template parsing
|
* Fix for double script execution issue when using template parsing
|
||||||
|
@ -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),
|
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.
|
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
|
## Notes
|
||||||
|
|
||||||
* `hx-disable-elt` is inherited and can be placed on a parent element
|
* `hx-disable-elt` is inherited and can be placed on a parent element
|
||||||
|
@ -1037,7 +1037,7 @@ Note that all client side validations must be re-done on the server side, as the
|
|||||||
|
|
||||||
## Animations
|
## 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.
|
in many situations using only HTML and CSS.
|
||||||
|
|
||||||
Please see the [Animation Guide](@/examples/animations.md) for more details on the options available.
|
Please see the [Animation Guide](@/examples/animations.md) for more details on the options available.
|
||||||
|
@ -81,7 +81,7 @@ a [`<template>` tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/t
|
|||||||
<p id="content">Start</p>
|
<p id="content">Start</p>
|
||||||
|
|
||||||
<template id="foo">
|
<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>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user