https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • a
    I'm talking about htmx on a Discord about a tabletop miniatures wargame
  • a
    if that's not evangelizing... 😅
  • m
  • p
    It is unclear to me from the docs how multiple config settings can be done. Can this work:
    Copy code
    <meta name="htmx-config" content='{"useTemplateFragments": true}'>
    <meta name="htmx-config" content='{"includeIndicatorStyles": false}'>
    Or do you need to use a single 
    htmx-config
    meta tag with all options together?
  • t
    I know having multiple options in one tag works. I would not expect multiple tags to work, but should be easy enough to test
  • l
    I hate it when I forget to assign my objects... uh... 332 times. Thanks, build tools!
  • g
    im really struggling with nesting htmx-driven elements -- when i click on the nested element it seems to trigger BOTH the immediate node's listener AND the inherited ones from parents. 
    hx-disinherit="*"
    seems to have no effect... what am i missing?
  • g
    essentially ive got a table where every 
    <tr>
    has 
    hx-get
    on it, but also one of 
    <td>
    cells in every row has special click behavior that i'd like to override with a different 
    hx-get
  • g
    i've tried putting 
    hx-disinherit="*"
    on both the parent (docs seem to indicate it belongs here) and the child -- neither works
  • m
    problem is event bubbling
  • m
    the click event is bubbling up to the row, etc
  • m
    🤔
  • m
    we should probably have a modifier for 
    hx-trigger
    that lets you halt event bubbling
  • m
  • m
    and it looks like we do: 
    consume
  • m
    so put 
    hx-trigger="click consume"
    on the child elements
  • g
    whoaaaaaaaaaaa
  • g
    let me try this!
  • g
    IT FRIGGIN WORKS
  • g
    thanks Carson 👍
  • m
  • a
    something is wrong with the css:
  • m
    Hotwire is the future
  • f
    consume
    is a good thing yes
  • b
    Hi all, I've come across an issue where 
    "quoted"
    values within 
    hx-vals
    cause a SyntaxError (
    htmx.min.js:1 SyntaxError: Expected ',' or '}' after property value in JSON at position 126
    ). e.g. 
    hx-vals='{"key": ""val""}'
    where 
    "val"
    is user input. Using Django's 
    |escapejs
    filter will escape the quotes appropriately: 
    hx-vals='{"key": "\u0022val\u0022"}'
    . This causes the request to work as expected. My question is: Is escaping the characters like this the correct approach, or am I missing something?
  • h
    Hello, I’m trying to do something similar to https://htmx.org/examples/value-select/ except each field is a list of checkboxes (each having the same name). Adding 
    hx-get="..."
    to each checkbox results in multiple requests being sent to the server every time I check or uncheck a box, with only the value of the selected element. I’ve tried adding 
    hx-include="input[name='foobar']"
    which seems to add the other checkboxes values to the request, but it still sends multiple requests
  • e
    Does anyone know why I'm getting an extra 
    POST
    request when I've got 
    <form hx-patch="/whatever" action="#" method="post">
    ? The 
    action
    and 
    method
    get added by Rails, so I'm not sure if I can remove them. But I'm fairly certain this line should be preventing the 
    POST
    anyways https://github.com/bigskysoftware/htmx/blob/3c6b5996a147aa14da52f04c3b233a4778918181/src/htmx.js#L1302
  • m
    is it possible that turbolinks or hotwire is also loaded in rails and is issuing the request? Can you take a look at the network tab in the console and see where the request is coming from?
  • m
    yep, you are going to need to escape that unfortunately. I wish JSON were more flexible. If you want to switch to JavaScript object notation, you can prefix it with 
    js:
  • m
    but that will require eval to work
1...845846847...1146Latest