https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • e
    Yeah... I figured I'd just always wait long enough to cover all but the slowest network speeds, but now that feels like an antipattern. I'll retract this question. Really, the swapped content needs to control the end of an animation
  • m
    OK, keep thinking on it though
  • m
    if there is a good pattern here I want to satisfy it
  • m
  • f
    Has anyone found a way around hx-preserve causing an active input to loose focus?
  • c
    if nothing else there is youtrack
  • c
  • m
    can you explain what you mean?
  • s
    hey crew! I want to trigger change only on a few child input elements on a form AND on form submit, and trying with hx-trigger set on the :
    Copy code
    hx-trigger="change from: find input[type=checkbox], submit"
    am i on the right direction?? getting a syntax error lol
  • s
    oh! the space
  • s
    Fixed version:
    Copy code
    hx-trigger="change from:find input[type=checkbox], submit"
  • s
    but now htmx doesn't make the request , strange
  • f
    Apologies, I realized my question lacked context. When updating a page in the background, if a form field has 
    hx-preserve
    set, the field won't be replaced - however, if it currently has focus when the background update happens, the input element loses focus. For example, I have a page where a user could be typing away and when the page refreshes, the 
    hx-preserve
    correctly leaves their entered text, but if they aren't paying attention whatever they are currently typing gets lost (since there is no element with focus). It just causes a lot of user annoyance, and sometimes page jumping (ie if they hit the space bar).
  • h
    I am swapping in a component that has an alpine div with x-init="new CreateWidgetThatChangesDom" and I'm seeing the init call happen so fast that it's fighting with the swap
  • h
    I need to add a settimeout with like 40ms to get it happening after the swap reliably
  • m
    hmm, it seems like it should work. We try to preserve focus by ID. Does the element have an id on it?
  • m
    there might be a bad interaction between 
    hx-preserve
    and our focus code
  • m
    can you give a bit more info here? What's the sequence of events in the bad case?
  • h
    it's hard to give more info because I can't catch it in the act
  • h
    but the bad case is click button -> new html comes in -> classes that the library should be setting up are on the wrong spot
  • m
    😑
  • h
    yeah
  • m
    seems like we need an event to sync the 
    init
    w/ the new content?
  • h
    My theory is that alpine is picking up the change to the dom and reacting before htmx has given the all clear
  • h
    can I nest morph styles? I can't right
  • h
    I can't say EG this one element is an alpine morph but everything else is a normal swap
  • h
    that's silly I don't really want to preserve the alpine element I just want to pause it
  • h
    I wonder if there's a global start change/stop change
  • m
    my lack of alpine-fu is showing
  • h
    yeah ditto 😦
1...837838839...1146Latest