https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • f
    Ohh somehow i mixed up the link in the scriptblock, fixed it now. thanks for your help!
  • m
    how are you including htmx?
  • r
    I have a js file called 
    htmx.min.js
    and include it by this 
    <script src="{% static 'includes/htmx/htmx.min.js' %}"></script>
  • r
    I figured it out 😄
  • r
    htmx friends + Gophers - I've finally open-sourced Pushup. I really want it to embrace enhance hypermedia at its core so interested in any design feedback to support that. https://github.com/adhocteam/pushup
  • m
    awesome! do you have a tweet about it I can boost?
  • h
    Going through https://hypermedia.systems rn. Does 
    <body hx-boost="true">
    affect plain old forms with the action attribute and a submit input?
  • m
    yes
  • h
    Ok. So if the form is supposed to download a file attachment I should add hx-boost="false" to the form element (if I still want to boost everything else)?
  • m
    yep
  • w
    I actually think I found a JS-less example. I think this interactive map is based on an SVG, with hover effects? Is that more up the hypermedia alley? (I've seen several GIS approaches that substitute SVGs in place of webmaps, and then I guess you translate GIS coordinates to X,Y coordinates on the page? Found an example of this in the past, maybe I can dig it up again) https://bplant.org/regions.php
  • i
    Oh, pretty interesting
  • m
    somebody explain astro to me like I'm an idiot
  • m
    just pretent
  • r
  • a
    Smooth static site generator that delivers HTML + CSS. With only the JavaScript—if any—you decide to include. (With easy control over when it gets loaded.) Astro components are as close as you’ll get to HTML with JSX-like superpowers, and if you want it there’s a whole system for routing, SSR, and integrating your favorite UI framework—again only if you want to. tl;dr more convenient than HTML and CSS without necessarily shipping more than that.
  • g
    it's an SSG that makes it really easy to use the Sprinkles Architecture ™️
  • a
    FWIW I’m still newish to it but this fella’s videos have been really helpful:

    https://www.youtube.com/watch?v=zrPVTf761OI▾

  • l
    @hundreds-cartoon-20446 I do not believe that hx-history-preserve works with the Hx-Location response header. On this line (https://gist.github.com/croxton/e2c33bd22591f9a5bd8c9d23a56c9edc#file-history-preserve-extension-js-L22) there is a comment which says that htmx:beforeSwap is called before htmx:beforeHistorySave. However, when using Hx-Location response header, this is not the case. I verified it with htmx.logAll() and stepping through in the JS debugger in Chrome. This results in wonky-ness where if page 1 has an hx-preserve-history element and page 2 has one as well, if after the redirect from page 1 to page 2 you press backwards and forwards, the pages merge their contents. If you'd like, I can put together a repro. As a newcomer to HTMX in the last few weeks, I don't feel confident in saying that Hx-Location is the only place in which we would encounter behavior where htmx:beforeHistorySave is triggered without first triggering htmx:beforeSwap. Does anyone happen to have any thoughts or insights on this?
  • r
    1cg could I run something by you?
    m
    r
    • 3
    • 98
  • l
    1. I just used the default theme - Bootstrap's CSS from a CDN - and did a few overrides in CSS that I loaded after it. I also loaded the Bootstrap JS "bundle". I did end up writing some interesting (to me, anyway) code around toasts and modals, which I wrote about at https://bitbadger.solutions/blog/2021/a-tour-of-myprayerjournal-v3/bootstrap-integration.html . 2. I have this feeling that if I picked up hyperscript and it clicked in my mind, I'd end up wanting to use it everywhere. 🙂 The practical difference between the two (which I've observed as a non-user of either) is that hyperscript seems to be better suited to define behavior alongside the element, while Alpine is a bit more of a lightweight framework.
  • c
    Anyone have any experience with htmx behind Cloudflare? It seems cloudflare does not support Vary as a way to differentiate on a header which is going to give problems. Is there a way to maybe switch htmx to use a query parameter instead of headers (via custom logic or otherwise)?
  • m
    i am planning on implementing this as an option today, @melodic-advantage-28381 is also requesting it.
  • c
    oh wow! That's great.
  • c
    this would be both for boosted and 'regular" hx-requests?
  • c
    (I'm thinking of /search returning infinite scrolling for /search?page=1 which differs on having a surrounding layout based HX-Request vs none)
  • m
    Hi gang! I've got a is-this-a-bug question (or perhaps is-this-illegal-HTML-and-not-even-an-HTMX-problem)! I have a 
    <button type="submit">
    with an 
    hx-post
    on it. The 
    <button>
    has a 
    name
    and 
    value
    attribute to pass some information about which submit button was clicked to the backend. This works fine at this level of complexity. Easy peasy. However, if I add a child element (a legal one like a 
    <span>
    ) and the click technically originates from the 
    <span>
    , the `name`/`value` data does not pass onto the backend in the 
    POST
    data. Do we think that: 1. This is an HTMX issue? 2. This is intentional in-spec behavior for HTML? 3. Something else?
  • m
    That’s a bug and there is a pull request open for it
  • m
    Oh hell yeah!
  • m
    Still thinking
1...969970971...1146Latest