https://htmx.org logo
Powered by
# htmx-general
  • t
    The logical fix is to use compact mode
  • e
    maybe it's an idiosyncrasy of how I'm doing my templating, but it seems like I always want inline swaps
  • e
    i.e. I'm regularly having to shim out the HTML I really want to send with a 
    div
    wrapper so I can use e.g. 
    afterbegin
    or whatever and not lose the outer layer of said HTML
  • e
    am I alone in this?
  • b
    Are you talking about oob swaps? If so then no you are alone, it's a common confusion/negotiation here
  • e
    yes, talking about oob swaps
  • e
    I don't think it's confusing, the default behaviour just seems incongruous
  • e
    I mean, it is incongruous, since inline is default for outerhtml, but not for the other swap values 🤷‍♂️
  • b
    1cg this comes up so much it's probably worth an official statement of why this is the way it is, and an appropriate mental model
  • e
    Doesn't it just come down to templating/component style? i.e. I've been going along just fine wrapping oob content as needed so I can place stuff properly, or I can add a trivial 
    "inline-swap"
    extension to force every swap to be inline, and not have said wrappers. A different project with a different templating approach might never/rarely see the utility of having that option.
  • b
    Right, even just a cookbook or docs section showing "these are all valid, pick for your project," would answer this frequently asked thing
  • b
    Not ascribing it to a conscious decision lol
  • b
    Also when was Dr Manhattan wearing underwear. That blue beast is forever inscribed in my brain
  • e
    yes, though there is a rationale IMO for a 
    hx-swap-style
    attr that would accept 
    "children"
    or 
    "self"
    . Having local control over that behaviour without having to resort to extensions seems Good
  • e
    (except for 
    outerHTML
    ofc, which I think always has to be 
    "self"
    / inline)
  • j
    His costume started out full-body, then covered less and less with every passing decade, at least in the original GN, until it was entirely absent. /whydoirememberthiscrap
  • f
    Question--is there anywhere where the htmx event lifecycle is charted out? I'm trying to modify the content of a textarea before sending a form with hx-post, and can't seem to find the right event to do this....
  • f
    My workaround: 
    <button hx-post="/endpoint" hx-include="#form" hx-target="sendHtmxRequest" _="on click ...[manipulate form]... then trigger sendHtmxRequest">
  • r
    https://htmx.org/reference/#events I think this is what you are looking for
  • b
    I think this is the canonical answer https://htmx.org/docs/#config_request_with_events
  • g
    In the select example, the value is appended to the endpoint as a query param. Is there a way to fetch a specific URL instead of using query params instead? So, 
    /foo/:some_id
    instead of 
    /foo?some_id=123
  • m
    this is the best pattern we have come up w/ at this point: https://twitter.com/htmx_org/status/1533805732084256772
  • m
  • g
    Thanks. Out of time for today, so I'll look at that tomorrow. Funnily enough, working with the query param today, I think I'm feeling better about the query approach rather than individual endpoints.
  • m
    yep, you can also do a redirect from those query-params if you like
  • p
    Is there any way to swap TWO elements with a single request? When I click one button, I want to update two small elements which are near the top and bottom of the page – preferably without reloading the whole thing. In my ideal world, it would be something 
    hx-target=['elem1', 'elem2']
    , 
    hx-select=['elem1', 'elem2']
    . Since this (I think) doesn't exist, is there some other way to do it?
  • p
    ...in an even MORE ideal world, we'd have 
    hx-exchange
    which is the equivalent of setting both 
    hx-target
    and 
    hx-select
    . It could accept either a string or array. So if you just want to swap out one element from the returned HTML, you could do 
    hx-exchange='.pizza-toppings'
    . But if you wanted to also update the subtotal in the sidebar, you could use 
    hx-exchange=['.pizza-toppings', '.subtotal']
  • m
    and out of band swaps won't work for you?
  • r
  • r
    daily reminder to give odysee a try gents
1...701702703...1146Latest