https://htmx.org logo
Join Discord
Powered by
# hyperscript
  • a

    https://cdn.discordapp.com/attachments/796428329531605032/1110017151928127508/image.png▾

  • a
    It's not ideal, but it's something.
  • a
    You have to do all the linting yourself, though.
  • w
    Hi - I trying to get some text to fade into my page using Hyperscript by it just doesn't work. It should be simple enough, just wondering why it's not working. Code at the moment - Foo - It just fails to do anything, I've tried setting the opacity on parent div without any luck. I'm using Tailwind for CSS btw. Thanks.
  • e
    You learn a new thing every day. checkValidity() who knew? Thanks.
  • e
    I have a form that I swap the internal contents of using HTMX dependent on the user choosing a value from a select. I have a hyperscript behavior installed on the form. When the content is swapped it stops working. How do I "reattach" the behavior once the form's contents have been swapped?
  • m
    what does the hyperscript look like?
  • f
    Are properties with syntax 
    [disabled='true']
    not supported anymore?
    Copy code
    hyperscript errors were found on the following element: <body class=​"bg-dark" _=​"on every htmx:​beforeSend in <button:​not(.no-disable)​/​>
         tell it
             toggle [disabled='true']​ until htmx:​afterOnLoad">​…​</body>​ 

 Expected either a class reference or attribute expression

             toggle [disabled='true'] until htmx:afterOnLoad
                     ^^
    Because I'm using blade I am unable to use the 
    @disabled
    shorthand.
  • f
    From: and
  • f
    Cannot use due to Blade using 
    @
    for their expressions
  • f
    Nevermind, Blade has 
    @@
    to do that.
  • e
    Presuming that question was meant for me...
    Copy code
    behavior enableSave
    on input
        if me.checkValidity()
            remove [@disabled] from #btnPersist
        else
            add [@disabled] to #btnPersist
        end
    end
end
  • e
    BTW: I am almost literally on the other side of the planet from you, hence the lag 🙂
  • e
    Western Australia Represent!
  • f
    Not sure what's going on with the layout on @mysterious-toddler-20573
  • f
    removing 
    .fullbleed
    from 
    .basicgrid
    fixes this
  • w
    To answer my own question, very obvious, I just had to set the opacity, so - 
    <h1 style="opacity:0;"_="on load transition my opacity to 1">{{ foo }}</h1>
    gives a nice fade in.
  • n
    I used hyperscript to fix a buggy bootstrap spyscroll. Long life to hyperscript
  • i
    So... does _hyperscript not actually support all CSS queries within query references? I'm trying to use something like 
    remove <.divider ~ */>
    to remove all elements after a divider, and it's telling me (in short) 
    Unknown token: ~
    . This seems odd, because I thought you could put any old CSS in there and it would work. That selector works perfectly in real CSS...
  • m
    mmm
  • m
    let me look at the tokenizer
  • m
    I thought we just consumed until 
    />
  • m
    ugh
  • m
    we need to add tilde to the token table
  • m
    I need to rethink that
  • m
    we should be consuming anything
  • i
    For now I'll just hide it, no big deal, but I would like to be able to actually remove those elements from the DOM someday
  • i
    will mark that TODO in my code and move on for now
  • f
    Hey, folks, hyperscript noob here. wondering is there a changelog/version history somewhere? I just ran into this issue (https://github.com/bigskysoftware/_hyperscript/issues/334) which causing problems for quite a few of my users with older ios, and it seems safest bet is to downgrade to 0.9.5 and I'm wondering if I'd miss anything important by doing that. Thanks!
  • c
    you can try browsing the release notes here: https://hyperscript.org/talk/