https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • q
    Same error in Chrome
  • q
    Copy code
    ncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': '#1_1_18' is not a valid selector.
    at I (https://unpkg.com/htmx.org@1.8.2:1:5813)
    at Q (https://unpkg.com/htmx.org@1.8.2:1:6204)
    at re (https://unpkg.com/htmx.org@1.8.2:1:7030)
    at lr (https://unpkg.com/htmx.org@1.8.2:1:31359)
    at https://unpkg.com/htmx.org@1.8.2:1:19749
    at HTMLButtonElement.i (https://unpkg.com/htmx.org@1.8.2:1:16275)
  • m
    interesting
  • m
    it looks like ids need to start w/ an alpha
  • m
    i didn't know that
  • q
    not for other use... works fine everywhere else I'm using it like this.
  • m
    if you run it through 
    querySelectorAll
    it doesn't like that
  • q
    well, it may "officially" need start start with an alpha, but seems to work with HTML and general JS without issue.
  • m
  • q
    Ok, I can work with this limitation by re-working how I encode my div names
  • m
    any javascript that invokes 
    querySelectorAll()
    is gonna break w/ those ids
  • m
    apparently
  • m
    > ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").
  • q
    Yup, understood. But 
    hx-target
    is working for other stuff like swapping HTML etc... so wojuldn't that also use the same 
    querySelectorAll()
    ?
  • m
  • m
    that hx-target calls out to, so it isn't htmx that is causing this, it's the underlying DOM API that doesn't like that ID
  • q
    I'm aware of that... not blaming htmx... I'm using that ID naming on hundreds of elements, it all over with all sorts of htmx calls, it's only the 
    hx-confirm
    that is failing.
  • m
  • m
    I can replicate it failing w/o an 
    hx-confirm
  • m
  • m
    if it's working sometimes... i dunno man, seems like it shouldn't work at all
  • q
    Yup, all good... not trying to point fingers!! 🙂 Will redo my ID naming system to ensure an alpha at the start of the string.
  • q
    Is there a way to have htmx throw a more understandable error if this happens in the future?
  • m
    this is where we call out to it in our finding logic (after some stuff to support relative targets): https://github.com/bigskysoftware/htmx/blob/822132d6a24d320aebc1ebcf85f721c3fc188218/src/htmx.js#L535
  • m
    I can look at it. The browsers (especially Safari) often report pretty terrible error messages unfortunately.
  • q
    Yeah, I don't think I'd ever have worked out the issue from the error in Safari, though it makes perfect sense now 🙂
  • m
    the new IE
  • m
    OK, gotta bounce, sorry for the trouble
  • q
    All good, thanks for popping it to look into it! Much appreciated 🙂
  • c
    can I do something like hx-target="find .comment_list" . I have a list and a comment form under, I've put the hx-target on the tag element wrapping both, and it's not working.
1...894895896...1146Latest