https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
    Can you place a 
    <div>
    around the for loop and put the hx-sync on that?
  • h
    I just did, not working
  • m
    also, ids should be unique, so emitting more than one div w/ the same id isn't well formed HTML
  • m
    OK, let me code up a same example for you
  • h
    That was easy but this div makes no change
  • m
    what behavior are you seeing?
  • h
    same as without it
  • m
    what is that behavior
  • h
    every time I click #project - I get the page from the hx-get and I am able to get multiple of those for each 'project' in a list at the same time
  • m
  • m
    and see if the abort event is being triggered and on the proper element, when you have that hx-sync="this:replace"
  • m
    to be clear, when a user clicks a div you want the latest click request to replace any previous requests in flight, correct?
  • h
    correct
  • h
    looking at js code and trying to figure our what I should do
  • m
    this part of the code is pretty hairy, not gonna sugar coat it
  • m
  • m
    this is where we resolve the element we are using to sync
  • t
    You're replacing the actual div that is clicked with fetched data, right? What are you expecting to happen when you click a different div?
  • m
  • m
    and then the first link is where we capture that event and actually cancel the request
  • t
    also you're still using the same id for all your divs. That's not gonna help.
  • t
    browsers should just crash to desktop if you reuse the same id
  • h
    I fixed the id issue but that is not the case
  • t
    That was only one of your issues
  • t
    But when you have multiple issues, you gotta handle them one at a time
  • t
    You still haven't answered my first question, what do you expect to happen when you click a second div?
  • h
    the second div you mean the one that's inside of the for loop?
  • t
    You click a div, you replace its content with whatever 
    project-update
    returns. When you click another one, what do you expect to happen?
  • h
    I want the opened one to close and a new one to be opened
  • t
    What does "close" mean?
1...105810591060...1146Latest