https://htmx.org logo
Powered by
# htmx-general
  • n
    also if your response is returning the input you want to focus I would try putting the ‘autofocus’ attribute on the input it might just work but not sure
  • g
    Autofocus should work. I know there’s code in there that checks for it.
  • g
    And if the element is already on the page (and not in your response) then try using 
    hx-trigger
    to fire an event. The event can contain a parameter for the element ID to focus.
  • u
    Hi I have a question. I am trying to set infinite scrolling to work and I am having a problem getting the current "page"
  • u
    Does anyone have a suggestion?
  • g
    Yes.
  • g
    On initial page load, include the first page of results, and put 
    hx-get=“/server?page=2” hx-trigger=“revealed”
    on the div where the next page will go.
  • g
    When the server gets the request, use the query param to load page 2, and put 
    hx-get=“/server?page=3”
    in the next spot.
  • g
    Does this make sense? Each partial page request takes a param for the current page, and passes 
    n+1
    to the next page in the chain.
  • u
    hmm yes, I will try it now
  • b
    autofocus work thanks
  • u
    @User it worked thanks
  • u
    not as good as I hoped, as I am using ul in my HTML and have to append new ul tag afterend, instead of new li tags beforeend
  • u
    but it will work for now 🙂
  • s
    In the past I used django-autocomplete-light, but this does not work if you insert the via htmx. Now I am looking for an alternative. I guess you could implement an autocomplete with pure htmx. The example "Active Search" is similar. But I am unsure. How do you implement an autocomplete field for a which has several hundred lines in the DB?
  • m
    we should get autocomplete-light working w/ htmx.
  • m
    looks like it is based on select2: https://select2.org/configuration
  • m
    So you could do something like:
    Copy code
    js
  htmx.onLoad(function(elt) {
    for( var s of elt.querySelectorAll(".select2") ) { 
        $(s).select2({ placeholder: 'Select an option' })
    }
  });
  • m
    or maybe there is a pure vanillaJS replacement for select2
  • m
  • m
  • a
    FYI: There’s a link on the release notes to the “make” command that’s broken, I also don’t see “make” listed in the commands list?
  • a
    Sorry, ticket/PR I know, but I’m out and about and didn’t want to forget
  • m
    will fix
  • g
  • u
    Hi guys, may anyone assist me with hx-swap?
  • m
    Sure what’s your question?
  • u
    Hi. I have a table that is inserted into a page with a 
    hx-get
    . Inside this table there is a button to delete a line with 
    hx-delete
    and reload the table (the response of the DELETE is a new table without the row). What should be the 
    hx-target
    in this situation (since the table is a parent of the row being deleted)?
  • u
    Nevermind, my mistake. DELETE was giving me an error. That's why swap was not happening.
  • r
    Hey all, I'm trying to call reset() on a form after it's been submitted and a table swapped out so I've used _="on htmx:afterSwap call my.reset()" and I've tried "send reset to my" and instead of "my" I've tried #FormID all to no avail. Figure I'm missing something simple, any ideas?
1...296297298...1146Latest