https://htmx.org logo
Powered by
# htmx-general
  • h
    but I am going to see if I can make a test case for this tmr
  • c
    Hello, I have an input element like this:
    Copy code
    <input hx-post="/drop/register/address/" hx-trigger="keyup changed delay:500ms" type="text" name="address" id="address" class="focus:ring-0 sm:text-sm block w-full p-0 text-yellow-300 placeholder-gray-400 bg-gray-800 border-0">
    I'm trying to play around with inline validation. I'm monitoring the browser developer tools and I only see a request to /drop/register/address trigger after the first keyup event. Subsequent events don't seem to trigger the validation. Any idea why?
  • m
    I am guessing that that is replacing the innerHTML of the input and that's screwing things up. Try using 
    hx-swap='outerHTML'
    and see if that works
  • c
    if you want to create jsfiddles with test endpoints that return html you can try https://mockbin.com just remember to include the header value ``Access-Control-Allow-Origin: *`` and change mime type to ``text/html``
  • p
    I get 422 when I try to use htmx. Standard html works fine. What gives?
  • p
    Example is almost verbatim from the website.
  • p
    Okay, this is so lame. Turns out it was the "multiple" part that made it vomit. Is there a way to enforce types more strictly? This is hardly the last time I encounter a type-erro.
  • f
    Pico.css
    shows a spinner when the 
    aria-busy="true"
    attribute is set on a button to indicate loading. Any way get that to work with 
    hx-indicator
    ?
  • m
    you just 🐝 'd yourself: https://github.com/bigskysoftware/htmx
  • f
    hold up, gotta catch a train
  • f
    after all my other 🐝 has been stalled soo
  • m
    too late
  • f
    Slippery slope from 7 🐝 to React
  • b
    https://css-tricks.com/aria-in-css/ (not sure if I posted that before but seems to confirm the approach)
  • g
    Yes yes yes
  • b
    Oops. Wrong channel 😀
  • m
    Perhaps the real friends are all the wrong channels we posted along the way
  • c
    @User is there a reason why the documentation doesn't mention the optional delay parameter for htmx.remove(), htmx.addClass(), htmx.removeClass()?
  • m
    Nope, just an oversight. Mind making a pull request?
  • c
    Will do. I'll even update htmx.d.ts
  • g
    Not sure if anyone has had this same experience. I'm importing htmx/hyperscript and bundling my files using webpack. All works great wit htmx 1.6.0. However, if I use 1.6.1, there's something strange. Most of my links stop being intersected by htmx (so, when I click on them, the page contents are cleared and then it loads the new target page, as if htmx were not working). Out of 4 links on my page, only 1 is performing as expected with htmx. I don't see any errors messages on the logs. Any ideas on how to troubleshoot this?
  • m
    There are new webpack instructions on the dev branch site: https://dev.htmx.org/docs
  • m
    Unfortunately I don’t have any experience w it 😑
  • g
    Thank you so much. Today I updated my files with the new instructions. But the problem persists (I noticed the 1st time last week). I haven't tried yet adding htmx directly via unpackaged. This would be a good way to know if the issue is with weback or not.
  • g
    Ok, so I am linking directly to the CDN and the problem still happens: All good with 1.6.0, Only one link works with 1.6.1
  • m
    Ok that’s very strange
  • m
    I would expect to have heard about this if it was a widespread issue 😀
  • g
    Yes, that was my worry 😭 Who knows what I did on my code!
  • m
    Can you log a GitHub issue w the relevant html and stay on 1.6 for now?
  • g
    Sure, I will. Thank you for looking into this.
1...567568569...1146Latest