https://htmx.org logo
Powered by
# htmx-general
  • m
    the vanillajs for that isn't insane, and given you want the focus to be retained I think that's the shortest way from here to there
  • m
    @mysterious-toddler-20573 shouldn't the focus be retained when using id attributes?
  • m
    it should, if the content is being replaced, but here it looks like it isn't, so this may be default browser behavior
  • m
    btw, orthodox hyperscript would be
    Copy code
    html
<form hx-ws="send" _="on submit put '' into the #chat_message's value">
      <input id="chat_message" type="text" name="chat_message">
  </form>
    šŸ˜‘ šŸ¤£
  • m
    Just did a quick test with an input that gets replaced with an empty value and it still retains focus.
  • m
    did you use web sockets?
  • m
    šŸ™„
  • l
    @User Maybe 
    when on submit please put '' specifically into the element #chat_message's current value
    šŸ˜›
  • m
    the websocket code is unfortunately a little... special
  • l
    I'm on Safari, btw
  • l
    I'll try the whole form replacement...
  • m
    šŸ˜‘ now i need to make that work
  • l
    šŸ˜‚
  • m
    (srs, we could make 
    please
    be a no op, like 
    the
    )
  • m
    OKOK
  • m
    not going to make the language to ridiculous, already plenty ridiculous
  • m
    pretty please
    should definitely work
  • m
    šŸ˜‘
  • l
    This is approaching canhaz territory šŸ˜‰
  • m
    pack it up boys, we aren't gonna beat this https://en.wikipedia.org/wiki/LOLCODE
  • b
    Can I ask a question here ?
  • b
    https://htmx.org/examples/infinite-scroll I want to make infinite scroll with htmx but using button instead of scrolling In my case, the 
    hx-trigger
    is a button (Load More) inside the content, if I use 
    hx-swap="afterend"
    , the button will keep reappearing.
  • b
    How can I solve this problem?
  • g
    Try putting the button in the area that gets swapped out by the new content. Is that possible?
  • b
    No because I need to keep track of the next page
  • g
    Yes. The next page that loads from the server can include its own button.
  • g
    That also makes it easy to keep track of where the next page is.
  • g
    - click page 2 button - server returns content of page 2, and the page 3 button - page 2 button is swapped with (new content + page 3 button) - click page 3 button - ...
  • g
    if you can't put the button in the same container as the content, you can use an oob-swap
  • g
    does each page have a container element? why is the "more" button inside page 3 instead of below it?
1...288289290...1146Latest