mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-10-02 15:25:26 +00:00
Merge remote-tracking branch 'origin/master'
This commit is contained in:
commit
c247cae9bf
@ -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
|
||||
|
@ -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
|
||||
|
@ -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.
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user