https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • r
    It waits five seconds before sending the request
  • b
    hmm - that rings a bell. I think there's a way to tell whether there's a request in-flight
  • b
    Might be worth a search on this server.
  • m
  • m
    how do people feel about this result?
  • s
    I thin kthe majority is correct, the more I develop the more I realize that turn-key solutions are important, the more config is needed for a thing the less adoption it will get.
  • s
    So I guess it depends on how strongly you believe in it, if you think it should be used in a significant amount of situations then I would include it.
  • r
    can't really go wrong with any option since it's only 700 lines- would be really easy to include as a prime extension because it already is.
  • r
    Pretty much this, I haven't used it personally yet and would be interested to hear about real life examples of when it's useful.
  • r
    If it's just another "nice to have" swap type which could be useful in specific situations- that makes me feel like extension territory, just to keep htmx simple and tiny- because simple and tiny is a major feature in its own right.
  • b
    Hey folks, got another keyboard shortcut question. 😅 Should it be possible to combine keys together to create a global shortcut:
    Copy code
    hx-trigger="click, keyup[key == 'g' && key == 'n'] from:body"
    I'm trying to mimic the behavior of services like Shortcut (creating a new task). If I don't use the conditional, it works fine. Example:
    Copy code
    hx-trigger="click, keyup[key == 'n'] from:body"
    Is it not possible to use two keys in succession or do you always need a modifier key first?
  • r
    Adding it to core would increase the source code size of htmx by ~22%, so yeah, pretty substantial from that perspective.
  • m
    It does bring proper head merging to the table as well
  • m
    Still thinking
  • r
    Hello, Would you please tell me how to properly initialize TinyMCE to work with htmx? In my base html I have the following code: htmx.on("htmx:load", function (content) { tinymce.init({ selector: 'textarea#tinymce', toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | image', menubar: false, automatic_uploads: false, }); }); But it works only initially. After clicking any with hx-boost the TinyMCE editor textarea does not appear (I need to refresh the whole page).
  • b
    yo guys
  • b
    htmx docs are down
  • g
    works here
  • b
    uuh
  • b
    it had a sudden break then
  • b
    maybe your presence did fix it @gorgeous-airport-54386
  • b
    thanks!
  • m
    my bad
  • a
    Is 
    htmx:configRequest
    run at every request on the page ? Can I limit it to a specific POST ?
  • g
    here's kind of a weird one... i have a page with a server-side paginated table that appends 
    ?page=N
    to the URL when I change pages i also have buttons in the table which use 
    hx-post
    to perform updates in the DB and re-render the table in the response. I want to include the current URL query params in the POST body... Any suggestions? Should I try to use 
    beforeRequest
    to append my query params into the POST body?
  • g
    and on that note... how do i add values to the POST in the beforeRequest handler, seems like this doesn't work
    Copy code
    javascript
event.detail.requestConfig.parameters[key] = value
  • g
    I did this
  • g
    Copy code
    clojure
      [:div
       [:a (cond->
             {:data-testid "prev-button"
              :href (str "/admin/jobs?limit=" limit "&offset=" (max 0 (- offset limit)))
              :role "button"}
             (= offset 0) (assoc :disabled "true"))
        "Prev"]
       [:a (cond->
             {:data-testid "next-button"
              :href (str "/admin/jobs?limit=" limit "&offset=" (+ offset limit))
              :role "button"}
             (< (count jobs) limit) (assoc :disabled "true"))
        "Next"]]])))
  • g
    one option - make an 
    a
    tag that has it in the href
  • g
    Copy code
    clojure
      [:button.inline-flex.items-center.justify-center.rounded-md.border.border-transparent.bg-indigo-600.px-4.py-2.text-sm.font-medium.text-white.shadow-sm.hover:bg-indigo-700.focus:outline-none.focus:ring-2.focus:ring-indigo-500.focus:ring-offset-2.sm:w-auto
       {:data-testid (str feature-name "-toggle")
        :hx-post     "/admin/flags/toggle"
        :hx-headers  (cheshire/generate-string
                       {"X-XSRF-Token" anti-forgery-token})
        :hx-vals     (cheshire/generate-string {"feature-name" feature-name})
        :hx-target   "closest tr"
        :hx-swap     "outerHTML"
        :type "button"}
       "Toggle"]]]))
1...99910001001...1146Latest