https://htmx.org logo
Powered by
# htmx-general
  • m
    i think i'd need to pay for a video like that unfortunately
  • m
    it is great though
  • m
  • m
    pretty happy how the hyperscript/htmx integration story is holding up
  • g
    https://twitter.com/microwatts/status/1435675958464417794?s=20 I'd like to take moment to appreciate the term "MCJ" (Model, Controller, JSON)
  • g
    @mysterious-toddler-20573 wrt. libraries trashing DOM... make a custom element wrapper for the library. to initialize, copy untrashed DOM to shadow DOM then let the library loose inside there. when htmx snapshots, it won't see the shadow DOM, only the untrashed light DOM*. the browser handles initializing the elt on history restore. you might need to proxy some events though *i think, not very familiar with how that process actually works
  • g
    This is super interesting, and near voodoo-level work compared to what I’m familiar with. If this does pan out, is it something that could be standardized as a feature of htmx?
  • g
    I don't think so, the wrapper would need to be specific for the library
  • g
    If you give me a jQuery plugin or something, I'll try writing a custom element for it
  • g
    Ok. I think that makes sense. But at least it’s something we could test and demonstrate in a tutorial.
  • g
    reality
  • g
  • i
    is there a 
    hx-trigger
    for this? using the buttons doesn't invoke this trigger 
    hx-trigger="keyup changed delay:1s"
  • m
    Does 
    change
    work?
  • m
    change will probably only fire when the item loses focus
  • g
    input
    ?
  • m
    Can you use the 
    monitorEvents()
    trick mentioned here: https://htmx.org/docs/#debugging
  • m
    to see what events are triggered when the arrow is clicked?
  • m
    looks like @User is right, 
    change
    is the event you want:
    Copy code
    hx-trigger="change delay:1s"
    seems like the 
    changed
    filter is redundant at that point.
  • m
    🙂
  • i
    Thanks @User and @User . It is working with 
    hx-trigger="change delay:1s, keyup changed delay:1s"
    . I kept the original trigger in there as well because I like the behavior when someone hasn't keyed in new info after some delay.
  • m
    excellent!
  • c
    Hey everyone, been using HTMX for a web app and I've been loving it so far! I've been using it to fetch updated price quotes for some markets I have a section that lists my Top 10 tickers. In general, is it better to fetch HTML for the entire section all at once, or to have a request to get each individual price?
  • m
    depends on your user experience an load. generally, one request will be more efficient, but also ties the entire request to a single cycle, which might not "look right"
  • r
    Hi, I've just asked a (basic) question on stackoverflow: https://stackoverflow.com/questions/69156284/htmx-form-submission-with-a-table
  • r
    your help would be appreciated, thanks
  • m
    the htmx looks OK, can you post what the request looks like in your browser console when you click the save button?
  • f
    Umm is 
    HX-Target
    response header a bad idea? Which it will override 
    hx-target
    . I was thinking about to make it as an extension. 🤷‍♂️
  • m
    Ah, just remembered: you are working with tables here. Unfortunately tables are super picky about the elements inside them, and I bet 
    form
    doesn't work where you put it. If you inspect the DOM I bet you'll find that there isn't really a form element in there, so htmx isn't finding it to include the inputs.
  • r
    Thanks for the prompt answer, it does render correctly. do you think that the usage of the 
    table
    causes the JS to break ?
1...361362363...1146Latest