https://htmx.org logo
Powered by
# htmx-general
  • g
    i just shared it
  • m
    a second one from you, I mean, maybe heavily quoting?
  • g
    maybe someday.
  • m
    \> i know that feel
  • g
    i have three other blog article ideas i need to write, and i never finished my initial series
  • s
    The company I work for (https://djangsters.de) creates Medium articles from time to time. This time I was asked to write one. Of course I took my favorite topic. Have fun: https://djangsters.medium.com/be-prepared-to-hit-the-wall-126b5d647bba It would be cool if you could like and share it. Thank you.
  • s
    What do you think about the idea to add jsfiddle link to the docs? For example here: https://htmx.org/attributes/hx-get/ Out would be handy if users could play with hx-get immediately.
  • p
    @User that's a good article, thanks. Re fragments: Hotwire streams just wrap everything in fragments (using an inner wrapper for the HTML itself) - perhaps htmx doing the same "?" would be doable for oob and responses?
  • s
    I think wrapping the html fragment in a is needed, otherwise it is not possible to parse a list of arbitrary (oob) tags. The question is now who should wrap it? It think we make our life easier if htmx does this wrapping.
  • q
    Good day! I am crafting a form submition with htmx. I'm almost done, but want to make things a little more pretty. The response on success is only one sentence and about 1/5 of a hight of a form before submition. I want the form to "morph" gradually to the height of success message fading out, and the success message to fade in. Is it possible?
  • m
    Hi @User you would need a few things: * you need to make sure you are replacing the element that changes height (might need to use 
    outerHTML
    for your ic-swap attribute) * you need to make sure that the element that changes height has the same 
    id
    attribute on it * you will need to make use of the 
    htmx-settling
    class to write transitions to achieve the fading There is a (not so great) animation guide here: https://htmx.org/examples/animations/ If you are willing to work with me to update this, we can use your code as a great example for that page.
  • q
    Hi, @User ! I am eager to do it) I 've read the docs you've mentioned. I think I am changing the outerHTML and have the same id.
  • q
    What should I do next?
  • b
    I'll also suggest the django pros here should do an example of using the login form on same page
  • m
    can you post some code so I can examine? If I have time today I will do a full example of what you are trying to achieve on the docs site
  • m
    actually let me see if I can do that now, one sec
  • m
    actually, the Settle Fade In example is all you want
  • m
    however, if you want to height of the content to animate in CSS, you are going to likely need to set explicit heights to get it to smoothly transition
  • m
    otherwise, that example is almost exactly what you want
  • q
    I cannot set the exact height, as it is a customizable form and the success message could be changed by the end user, making it different height. And responsive design also makes it kind of impossible. I thought that there could be a way to have both html chunks, the one that is being swapped and the one coming in. So both heights are known. Something like that.
  • m
    to do it with CSS transitions you need an explicit height, unfortunately
  • m
    we do some insanity in hyperscript to snapshot computed heights for stuff like this, but that's all really experimental
  • m
    😦
  • m
    sorry about that
  • m
    this is not IE11 compatible, but I'm considering adding it as an opt-in option for the next release, using templates to wrap returned content automatically
  • m
    we can also support an optional "intersect" event akin to the "revealed" event and take advantage of IntersectionObserver
  • m
    htmx will continue to work with IE11, but if you enable/use those features they will not work in it
  • m
    that's my current "feature" plan for 1.4
  • s
    Are you aware of a bug with htmx api if you make multiple requests before the server responds, it seems that the second request to the api gets 'queued' and doesn't use the ctx object.
  • s
    @User Just out of curiosity: Why do you care for IE11?
1...259260261...1146Latest