https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • g
    you can check for htmx headers server side and serve a full page if none are present
  • s
    If you always want to respond with a full page, you can also use 
    hx-select="#article_list"
    in combination with some different 
    hx-target
    and 
    hx-swap
    attributes.
  • l
    hello, I have multiple artist follow buttons on one page. Thought it's possible to replace them all using class selector like this: 
    hx-swap="outerHTML" hx-target=".artist_following_8852"
  • l
    but this is replacing just the first div of that class on a given page
  • l
    is it possible to replace multiple elements at once?
  • t
    Is having oob swaps inside a swappable element a no-no?
  • t
    i.e. 
    hx-target="main" hx-selec="main"
    where 
    <main>
    has an element with an 
    hx-swap-oob
    attribute inside
  • t
    It seems like it just makes the element disappear entirely from the DOM
  • m
  • t
    I'll take it as a "yes"
  • t
    I was trying to use the oob swap with 
    hx-swap="none"
    to avoid swapping the whole element but I guess I'll just work around it
  • t
    Not like that, no. You can either use oob swaps or swap the whole parent
  • l
    still would be a cool feature if class selectors actually replaced all matched elements
  • g
    Hi, not so much an htmx thing probably but if you get a 302 to redirect to a login page when the hx-target is a modal-container, is there a way to break out that in htmx or does it have to be in the login page. It's in .net core Razor Pages
  • r
    So, if i'm reading your question correctly, you want to redirect you user to a login page, insead of loading it into the modal. This can be achieved in two steps. 1) Check for HX-Request header to distinguish htmx-requests from normal ones. 2) When you need to redirect your user to login page and the request is coming from htmx, use HX-Redirect response header with 200 status code. For normal requests keep using 302 redirections. You will have to modify authorization middleware probably
  • r
    alternatively, use HX-Retarget response header to redirect swapping to an entire page. If your modal is opened with JS, use HX-Trigger to trigger an event that will close the modal. This approach is a bit more complicated and will probably cause some trouble when dealing with redirects after login is completed
  • w
    @great-manchester-46916 I think you need HX-Refresh (https://htmx.org/reference/#response_headers)
  • m
  • t
    Not really feasible. The incoming page can have a different number of elements of that class. or they may not be in the same order
  • h
    is there a way to get a hx-Redirect have an hx-indicator?
  • h
    I click a button -> loading state -> response comes back triggering redirect -> load state disappears while redirect happens
  • j
  • b
    am I using extended css right here? 
    hx-trigger="click from:find #id-of-input-child-element"
    can't find an example in the docs or the pr
  • g
    "lmao htmx requires a server roundtrip for every interaction" meanwhile discord shows a loading spinner for a right click menu
  • g
    Copy code
    jsx
function RightClickMenu({ options }) {
  return <Loader load={options.menuItems}>
    <Spinner />
  </Loader>
}
    someone had to code that
  • m
    lol
  • h
    I actually broke discord due to all the clientside stuff and had to hard delete my cache - I accidentally pasted like 3k lines of code into a syntax highlighted triple ` block and because they did all parsing client side just scrolling up a line took 30 seconds
  • h
    and then they "helpfully" cache your pending send so every time I came back to the room it was still there
  • g
    one time i somehow managed to make Discord's CSS not load
  • g
    On the Electron version
1...771772773...1146Latest