https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • h
    follow up - i added this in and tested it out in combination with hs as part of the input:
    Copy code
    <input type="text" inputmode="numeric" required pattern="[0-9]*" name="blah" _="on htmx:validation:failed call me.reportValidity()" hx-validate="true">
    and it works wonderfully. thanks!
  • m
    🤔 we shoudl probably do that by defult
  • h
    the reportValidity part?
  • h
    on a side note, i tried chaining some if/else to setCustomValidity on the input depending on its .validity.valueMissing and then .validity.patternMismatch but hs doesnt recognise elif when chaining and i cant get it to work with multiple if else statements to end with setCustomValidity('') as the last branch
  • m
    it should be 
    else if
    in hyperscript
  • a
    Hi, my backend serves content from a different subdomain, so I'd like to define a based URL once and have all htmx `hx-get`'s etc use relative URLs e..g.
    Copy code
    <script>
  
    var COCKPITAPIURL = "https://cp2.abcdef.com/cockpit-core/api/"
    var COCKPITTOKEN = "API-5d68fdce4XXXXXXXXXXXXXXX765dde7b03ce13e3"
  </script>
  • a
    and
  • a
    <section class="page-section clearfix" hx-get="SOMETHING IN HERE/path/to/endpoint"></section>
  • m
    You probably want to catch the 
    htmx:configRequest
    event and update the 
    event.detail.path
    property
  • a
    Yep I was wondering that. thanks
  • m
    can you include the morphdom extension as well?
  • m
  • l
    anybody knows of a way to init Alpine added in the htmx swap without affecting exsisting ones on the page? Alpine.start() on htmx:afterOnLoad messes up existing "components" that are not part of replacement
  • m
    can you target only the new content?
  • m
    Copy code
    js
htmx.onLoad(function(content) {
  // init only stuff in content
})
  • l
    and while on this. is there a way to init HS in turbolinks render event ?
  • l
    similar to
    Copy code
    document.addEventListener('turbolinks:render', () => {
    htmx.process(document.body)
  })
  • l
    but for hyperscript
  • m
    _hyperscript.processNode()
  • m
    iirc
  • l
    cool thx 👍
  • l
    until I can throw turbolinks out of the window
  • m
    i like the energy!
  • l
    me too not sure about team members yet lol
  • l
    you can spend days just making various tools working together via events and what not. instead of building things.. it's crazy
  • m
    I think Alpine is looking for new components all the time via Mutation events, so you shouldn't need to do anything after a "cold start"
  • l
    indeed 👍
  • e
    I don't know why this would be possible (but I wouldn't have assumed support for CSS transitions on swap, either, so), is there a way to preserve the state of CSS animations? CSS animations restart if they are in an element that is updated via htmx polling.
  • i
    can't get the oob to work here. This gives me an unformatted table row. When I remove the oob it works. Thoughts? {%include 'list.html' %} {% include "detail.html" %}
  • m
    table rows are a huge pain to get right.
1...791792793...1146Latest