https://htmx.org logo
Powered by
# htmx-general
  • p
    Is it the case that it's not recommended to install htmx through npm?
  • p
    i.e. I have most of my JS in a single app.js file with imported modules etc (in addition to htmx)
  • p
    npm install htmx.org
  • p
    then 'import "htmx.org"' at top of that app.js file
  • p
    this works in development, but breaks in production due to minifying
  • p
    However htmx.org is an npm package
  • p
    If npm does not work in production, why does this package exist?
  • p
    Other than that hiccup, my first htmx app is now live!
  • p
    (technically a rewrite from a hotwire frontend)
  • m
    What's the best way of setting scroll position to scrollTop when utilizing hx-boost?
  • p
    the best workaround I found was here - https://github.com/bigskysoftware/htmx/issues/456
  • p
    I'm very confused by how hx-swap-oob is supposed to work
  • p
    so I have a containing server side alerts, that needs to be swapped in outside the target.
  • p
    this is returned after that target content as
  • p
    as per the docs
  • p
    ". The second div, however, will be swapped in as a replacement for the element with the id alerts, and will not end up in the target."
  • p
    but it just raises "htmx:oobErrorNoTarget"
  • p
    thing is that id="alerts" is a valid target
  • p
    so makes no sense
  • p
    per my understanding of the docs -
  • p
    1. problem: you need to update content outside your selected target (alerts are the common use case, as per the example)
  • p
    2. you can append that extra content to your response
  • p
    3. you mark that content hx-swap-oob="..."
  • p
    4. that content should have id="..." so it knows what to swap out
  • p
    ah i see
  • p
    doh
  • p
    "alerts" was missing in the original DOM.
  • p
    (i.e. shown conditionally)
  • m
    @User wokrs like a charms, this one should be documented
  • m
    thanks
1...250251252...1146Latest