https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • i
    Which event can I use to make sure that after everything on the page has rendered that I make a part of my DOM visible. I tend to do 
    htmx:afterSwap
    . But there is something that somehow redraws the form I'm targetting, and I can't figure out what it is. I have tried 
    htmx:afterSettle
    but that is also not doing it... Anyone got any ideas?
  • i
    Copy code
    js
$(document).on('htmx:afterSettle', function() {
    console.log('called');
    if ($('#show-cancel-button').length > 0){ 
        console.log('inside');
        $('#cancel-action').removeClass('hide');
        $('#cancel-action-button').attr('tooltip', 'Abbrechen');
    }
});
  • b
    Damn it. Forgot about that
  • b
    😂
  • b
    Is that with jquery? Might be worth trying with 
    document.addEventListener
    just in case there’s some issue there? afterSettle was what I was going to suggest so strange it’s not working
  • i
    So, I tried it again. And afterSettle did fix it. But I am not sure, why it didn't do that from the start...
  • i
    It's working with jQuery.
  • b
    🤷🏻‍♂️ a win is a win 🏆
  • t
    does htmx respect 
    form
    attribute of submit buttons which essentially allows a submit button to be outside form
  • m
    if the 
    hx-post
    etc. is on the form, then yes
  • m
  • m
    This quote from https://htmx.org/essays/hypermedia-driven-applications/: > By adopting these two constraints, the HDA architecture stays within the original REST-ful architecture of the web in a way that the SPA architecture does not. is so funny to me. How did we get here? Where going against everything that modern web promotes, somehow brings us right in line with the very API methodology that they all (falsely) claim to follow
  • b
    Was PHAT stack already taken by Python-HTMX-Alpine-Tailwind?
  • m
    @bitter-machine-55943 great question. I really did consider it for a long time, but ultimately I think that it's not a very inclusive name.
  • b
    True. Amusing name but maybe not what you want your GitHub named!
  • m
    I really did think about it! As a person of not insignificant size. I find it to be very funny, but I think it's probably better to be safe than sorry with these things
  • m
    could also have done PATH stack
  • m
    I also considered that, but the logo potential for PyHAT is better, and path is kinda ambiguous when said out loud
  • m
    PATH was #2 though
  • m
  • m
    Here is a discussion where I give some context and ask for opinions, if anyone wants to participate 🙂
  • w
    the links (hx-on, ...) in the changelog are wrong, giving 404
  • i
    Does afterSwap get triggerd only once, or is it triggered whenever any component on the page gets swapped?
  • r
    missing a bit of the path from the e11y to zola transition: 
    bigskysoftware/htmx/blob/v1.9.1/attributes
    ... should be 
    bigskysoftware/htmx/blob/v1.9.1/www/content/attributes
    ...
  • ~~Hello there I m trying to add htmx org
    e
    ~~Hello there. I'm trying to add htmx.org with webpack build (following https://htmx.org/docs/#webpack) . But I can't make it works. Entry.js
    Copy code
    import 'htmx.org';
import './htmx.js';
    htmx.js
    Copy code
    window.htmx = require('htmx.org');
    when i console.log(window.htmx) seems available but not working. Any idea ?~~

    https://cdn.discordapp.com/attachments/725789747212976259/1101090028626640956/image.png▾

    • 1
    • 1
  • n
    Hi, htmx works really well with webcomponents. In my project a defined a customElement named 
    euro-amount
    which displays a formatted euro amount. Usage: 
    <euro-amount amount="1000"></euro-amount>
    -> € 1.000 Why I do like it? From the backend (clojure code): 
    [:euro-amount {amount: 1000}]
    This is a overly simple example, nevertheless you can include sophisticated UI logic either using pure javascript or hyperscript/htmx. There is only one caveat: if you mount the shadowroot you have to process it with htmx/hyperscript were you using them inside the element. On the contrary, if you are not using the shadowdom you do not need to process the dom further even if your code lives in a template. Hope this helps. Write your element once and use it client side or server side, i like it
  • r
    ~~Facing a rather exotic unwanted behavior where one element is botched after a "swipe-back" on iOS/MacOS Safari. I'm attaching the video here, in the video I'm tapping on the 
    Tiesto
    href in the first card. So this seems like a Safari specific issue, but I'm not sure what could be causing this. Here's the video: https://www.dropbox.com/s/j55bil8sz8rt5pn/RPReplay_Final1682600210.mov?dl=0 I already have these settings configured: ``` htmx.config.historyCacheSize = 0; htmx.config.getCacheBusterParam = true; ```~~ Has nothing to do with HTMX.
  • l
    I'm having trouble preventing this double "bounce" kind of effect that I'm seeing on iOS when I tap a 
    <select>
    dropdown that's then replaced by htmx: https://github.com/piepworks/cassettenest-roadmap/issues/312#issue-1670015621 I thought I had fixed it by putting a 
    delay
    on it but it's still happening, sometimes even worse than on that little screen capture. Any ideas how I could improve that?
  • m
    Hey @mysterious-toddler-20573 , whereabouts in Montana do you call home?
  • h
    Do the select menu options change? If not, you could replace the results only.
1...110511061107...1146Latest