https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • h
    With hyperscript this would be as simple as “on click put my.innerHTML into the previous ”
  • g
    How would I combine a 
    hx-swap-oob
    with a delete and css transition as shown in the delete row example (https://htmx.org/examples/delete-row/)? I've got everything working except for the fade. Here is my fragment that is sent for the swap (it's Clojure, but you should get the idea):
    Copy code
    (html5
  [:div {:id (format "code-block-%s" message-id)
         :style "opacity: 0; transition: opacity 1s linear;"
         :hx-swap-oob "delete"}])
    The swap works great, but happens instantaneously.
  • f
    If you look at the table in the demo:
    Copy code
    html
<tbody hx-confirm="Are you sure?" hx-target="closest tr" hx-swap="outerHTML swap:1s">
    <tr>
    notice the 
    hx-swap="swap:1s"
    on the tbody
  • r
    Thanks!
  • b
    One million lines of code, more or less.
  • r
    that whole month was really good for htmx memes
  • o
    What happened to the burger menu on the mobile version?
  • s
    Somebody ate it 🍔
  • s
    When battery is below 20% it disappears so you cannot browse and your battery can last longer 😄
  • m
    @gorgeous-airport-54386 maybe a snafu from the saas removal?
  • m
    it's the curse of big ass phones
  • m
    Hi I just found out about HTMX, looks absolutely perfect for me to use in combination with MODX CMS, Tailwind, AlpineJS and GSAP... One question I have, will it also work together with something like BarbaJS? I am loving Barba for nice page transitions lately and wonder if it would work together with HTMX....
  • g
    Welcome to the party, Sir 🙂 I haven't heard of Barba before, so I'm checking it out. Usually, htmx plays nicely with just about any other JS on your page. Though, you usually have to do some extra work to tell other libraries when htmx has changed something in the DOM (or vice versa)
  • m
    Yea thx as far as I understand it, Barba Basically injects the next page in the current page container, so you do not need a page refresh and can use nice GSAP animations... I am just not sure if a 'injected' page with maybe a form will be ok to use HTMX after the transition. Think it will.
  • g
    Yeah. I'm reading up on it now. Barba looks pretty cool. And, since it's reloading whole "pages" it should play well with htmx, but you'll probably have to do some additional work:
  • g
    1) In your transition code, you'll want to call 
    htmx.process()
    to tell htmx that a new page fragment has been added to the DOM.
  • m
    Ah yes, perfect.
  • g
    2) I'm not sure how Barba works with DOM changes. I'm guessing it needs some kind of function call to make them work.
  • m
    htmx.process will just basically 'reload' all elements?
  • g
    Chances are, you could make a Barba plugin, and an htmx Extension that make this pretty smooth.
  • g
    Yes. You pass a DOM node to 
    htmx.process
    and It runs through that node (and it's descendants) and wires up htmx into all of their event handlers.
  • m
    Have not had many paying clients that want page transitions like Barba, but it's something I really want to be good at.
  • m
    It makes normal sites so damn smooth. If I now add HTMX to all my forms and search + some smooth GSAP animations... Could be nice.
  • m
    Has anybody tried HTMX with Chrome’s View Transition API (https://developer.chrome.com/docs/web-platform/view-transitions/) ? They promise this feature would be expanded to allow for transitions between full page loads, which is currently impossible.
  • g
    Yeah. I'm a full-on believer in htmx. It's made all the difference in my projects.
  • g
    I read about an experimental "portals" spec from Chrome. It looks like this is the next iteration of that. But I can't really hold my breath to wait for everyone else to support them.
  • m
    Have not tried it, but find BarbaJS so easy and powerful for this that I don't need it for now.
  • m
    WOW just started reading HTMX animations section... I use and love Tailwind, so this will be beyond perfect for me.
  • r
    Are there any instances where htmx will not respect this setting? historyCacheSize:0
  • m
    there is a bug where if you switch to 0 and someone has existing history elements, it will not be respected iirc
1...106410651066...1146Latest