https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • l
    Here's how I do it in one of my projects. The application that this expects will sometimes put error messages in a header, and those will be automatically displayed; otherwise, I create a error message (a Bootstrap toast) from the error status and message. https://github.com/bit-badger/myWebLog/blob/main/src/admin-theme/wwwroot/admin.js#L360
  • g
    how did i miss 
    htmx:responseError
    in the events list, this looks like the perfect solution
  • r
    Today I tried to persist state by doing some fancy oob swaps on an element that had hx-vals on it
  • r
    Then I kicked myself and used cookies
  • r
    Sometimes I forget how simple and powerful the web is without all these fancy frameworks and APIs
  • m
    Anyone see the new Hotwire release
  • m
    It’s insane
  • r
    I did, what makes it insane? Just seems like a solid patch.
  • e
    With polling triggers, is there a way to set a timeout? I know there's the 286 response code, but I'd like something client-side, in case something goes wrong, it doesn't poll indefinitely
  • p
    bump
  • s
    If I have a modal that submits a form (hx-delete in my case), and the modal closes (via hyperscript 
    remove me
    call) then I've noticed that 
    HX-Trigger
    response headers are aren't triggering my hx-trigger that is watching for the event: (
    hx-trigger="requestDeleted from:body"
    ). I'm guessing that the event IS triggered on the element, but it is no longer in the DOM so it doesn't bubble up to the body. Is there a preferred work around or is this an HTMX bug? Maybe some way to wait for the http request returns before removing the modal?
    m
    • 2
    • 3
  • s
    If I have a modal that submits a form hx
  • m
  • m
    hoping to have releases of htmx and hyperscript out next week folks. Nothing too sexy, but it will fix re-initialization of changed htmx content & when multiple elements use the same indicator (an embarrassing bug 😑 )
  • f
    👌
  • m
  • m
    wondering if I should include idiomorph in the docs
  • m
  • m
    thoughts?
  • g
    i think i know the answer to this but there's no way to delay the 
    hx-indicator
    right? like for example if i wanted it only to show up when my response takes ≥500 ms to come back
  • g
    sometimes when network speeds are nice and fast the indicator just kind of flashes and disappears -- would be nice for it to just never come up in those cases
  • g
    or maybe i can use CSS transitions for this 🤔
  • m
    I think you could use a CSS transition to achieve this
  • g
    seems that the 
    display
    property is not transitionable.. i cant use opacity because im using a big overlay on my table to block clicks during the request
  • f
    You could give the spinner a CSS class that uses keyframes or 
    animation-delay
    property in CSS to transition from 0 opacity to 1, so whenever it shows up it does so with a 500ms delay
  • f
    no?
  • m
    custom turbo streams are a game changer
  • p
    Some SSE (Server-Sent Events) questions: 1) Is it possible to combine 
    delay
    or 
    throttle
    with SSE? So should 
    hx-trigger="sse:somethingChangedEvent throttle:1s"
    work to only do the 
    hx-get
    on that element maximum 1 time per second? 2) I notice that the 
    htmx:sseMessage
    event is only emitted if there is an 
    hx-trigger
    on that element with an 
    sse
    prefix. What I would like to do is to add an 
    htmx:sseMessage
    event listener so I can use 
    event.detail.data
    to get the data from the SSE message and manually trigger the 
    hx-get
    that is on the element that matches with the value in the data of the SSE message. Or alternatively, someway to do 
    hx-trigger="sse:somethingChangedEvent[filterEvent()]"
    where 
    filterEvent
    would get access to the data in the SSE message.
  • m
    @gorgeous-ghost-95789 you have a customer
  • a
    I really like having that section on the docs. Tackles a specific problem (like the playing video) and showcases htmx extendability.
1...844845846...1146Latest