https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • d
    did you set the proper middlewares to handle urlendcoded forms?
  • d
    Copy code
    app.use(express.urlencoded({
  extended: true
}))
    Once set, you can read the body via 
    req.body
  • e
    yes
  • e
    thank you
  • m
  • m
    absolutely seething that I didn't tweet this first
  • m
    just furious
  • d
    I'm in utter disbelief
  • s
    I think my htmx frens will relate to this here talk:

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

  • b
    Hi, how can I add custom headers (say, NTLM stuff) to an hx-post or hx-get?
  • m
    hx-headers attribute or the htmx:configRequest event
  • l
    hello, working on the "load more" infinite scroll style pagination in one of my rails projects.
    Copy code
    <div id="pagination" hx-boost="true" hx-target="#posts" hx-swap="beforeend" hx-swap-oob="true" class="mt-10 flex flex-col items-center space-y-3">
  <div class="text-sm text-gray-500"><%= page_entries_info @posts, entry_name: "post" %></div>
  <%= paginate @posts %>
</div>
  • l
    everything works great. new posts are inserted at the end of #posts and #pagination is replaced with new load more link
  • l
    except the page scrolled to the bottom after each swap and I obviously don't want that
  • l
    is there any way to prevent this? as you can see I didn't set scroll in the 
    hx-swap
  • m
    hmm
  • m
    default should be not to scroll
  • m
    do you have any other configuration tweaks or parent elements w/ hx-swap on them?
  • l
    nope.. I also checked pagination href links and there are no anchors 🤔
  • m
    you don't see this behavior here, correct: https://htmx.org/examples/click-to-load/
  • m
    it may also be due to an autofocus
  • l
    nope, that example works as I'd expect it to
  • l
    I also have sticky side nav menu but I get scrolling even if I remove it
  • m
    any autofocus attributes?
  • l
    nope, no forms here
  • m
    if you can run against the unminified source, the function is here:
  • m
  • m
    or just download it
  • m
    and set a break point
  • l
    I changed the code to work without out of band swapping: 
    <div id="more" hx-boost="true" hx-target="#more" hx-swap="outerHTML">
1...784785786...1146Latest