https://htmx.org logo
Powered by
# htmx-general
  • c
    Still not sure why this doesn't work. Logically, it should work as it looks syntactically correct. The DOM is updated correctly....just that HTMX doesn't get updated.....
  • l
    Anyone have any experience with 
    hx-boost
    on a div with links generated by ASP.NET MVC's tag helpers? I think, by the time the page renders, the `href`s should be set (i.e., before the htmx script loads). I'm working on a prototype (non-public network, sadly). I haven't dug hardly at all; I just thought I'd ask the high-powered developers here if they'd ever run into that scenario.
  • l
    ex
    Copy code
    <div hx-boost hx-target="main">
  <a asp-controller="Home" asp-action="Index">Home</a>
</div>
    renders as
    Copy code
    <div hx-boost hx-target="main">
  <a href="/">Home</a>
</div>
  • m
    can you set a breakpoint in that code and debug it?
  • c
    Yes, what do you want me to look at?
  • m
  • m
    and step in to that htmx.process
  • m
    and see what's going on
  • m
    you can set breakpoint in htmx here:
  • m
    Copy code
    javascript
        function processNode(elt) {
            elt = resolveTarget(elt);
            initNode(elt);
            forEach(findElementsToProcess(elt), function(child) { initNode(child) });
        }
  • m
    this is where we process all the nodes we find w/ 
    hx-
    attributes on them
  • m
    hopefully that will turn something up
  • m
    typically there is a disconnect in the DOM: the part of the dom you expect to be initialized isn't being selected properly, or isn't formed properly yet, or something like that
  • c
    I noticed that debugging any function called from HTMX does not align with my source code...I will try to debug your file....Hopefully, I don't have that issue.....
  • m
    are you on the latest version of htmx?
  • c
    1.6.1
  • m
    If you incllude the src directly from github, it should just be that code
  • m
    so it should be OK
  • c
    I am getting a CORS issues trying to load the source from GitHub....
  • c
    I have the following
    Copy code
    html
<script src="https://raw.githubusercontent.com/bigskysoftware/htmx/master/src/htmx.js"></script>
  • c
    So I copied the file locally and ran it.....when the code comes to my 
    htmx.process(...)
    it goes into the 
    initNode
    for my FORM but it skips it as it has already been 
    initialized
    . I tried to force it false but that didn't change anything. I also saw that the 
    getInternalData(elt)
    call already returned the 
    path
    but this is the old one.....
  • c
    I am now forcing the 
    htmx-internal-data.path
    to my updated URL but it still does not honor it. You can see that it is updated as follows:
  • c
    As you can see, I now have a redirect_url query parameter but I never see it in the Network tab while debugging nor on the server.....
  • c
    Does 
    hx-post
    use the internal-data's 
    path
    when executing? I am updating both now but still to no avail.....
  • c
    Here is my snippet that is trying to update the `hx-post`:
    Copy code
    javascript
            let post = el.getAttribute('hx-post');
            let path = location.pathname;
            let url = `${post}?redirect_url='${path}'`;
            el.setAttribute('hx-post', url);
            el.dataset.processed = true;
            if (el['htmx-internal-data']) {
              el['htmx-internal-data'].path = url;
            }
            htmx.process(el.parentElement);
  • r
    Interesting! A mix of hyperscript and HTMX is probably the best for latency - hyperscript for typing the word, HTMX for backend validation and showing of results. Seems pretty neat though!
  • s
    Yeah, _hyperscript is definitely better for UI speed, 💯 . Just wanted to see what I could do without using it 🙂
  • l
    What's the best way to debug 
    hx-boost
    not boosting? I've tried it on an owning element, directly on an 
    a
    tag, and I've called 
    htmx.process
    on the owning element; none of that has worked. Putting an explicit 
    hx-get
    on the anchor tag does result in an htmx-initiated request, but that's not really what I'm trying to make happen. I'm sure it's something dumb on my part...
  • g
    I'm building a multi-step form where each step is an htmx fragment request. I would like to be able to allow users to use browser back button. What I have noticed is that when you navigate back for a form with inputs that previously you filled in, they are reset to original state, i.e. empty and so the user must refill the form again. Has anyone had this happen, any ideas for work arounds to keep previously entered data in inputs?
  • l
    FWIW - an 
    a
    tag with an 
    hx-get
    and an 
    href
    follows the href - the browser loads it, not htmx.
1...558559560...1146Latest