https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • b
    Yes, I’ve created a tab structure with htmx and it works nicely! Definitely a good use case for it, I’d say
  • h
    I thought about it a little - what seemed the simplest is a base template that has a few hx-trigger="load" statements, and then a set of partials that load specific parts of the page - if you go directly, you get the base template which lazy loads in the sections, and if you load through htmx you get just the partial
  • a
    well, I want my app to have a favicon, so that's not an option. I have that as
    Copy code
    <link rel="icon" href="/static/favicon.ico" sizes="any">
    on the home page, which then retrieves others fragments using htmx based on user interaction, and for each fragment there is an addition favicon request.
  • t
    @hundreds-camera-24900 Are you refering to fragments, when saying "partials"? My point is to have a generic pattern to "upgrade" large, existing pages with lazy-loading.
  • a
    interestingly, I notice that the extra requests keep going to /static/favicon.ico, not to the default /favicon.ico
  • h
    yeah
  • a
    uh, the favicon thing seems to happen only with firefox
  • l
    @Sergi I could be wrong but I am pretty sure that if you just serve the one favicon from the expected location, you won't even need the link tag in your markup, as browsers will find it. Also the multiple requests for things sometimes happen to me when I have F12 dev tools open and caching disabled.
  • a
    I am dumb, it's not Firefox, is with Brave. Caching is not disabled. That makes it even weirder, as it's also Chromium based...
  • a
    not happening with Firefox either... I wonder if it's a plugin I have... nvm folks, at this point seems to be a "user environment" issue
  • a
    Hey, I've got a htmx/_hyperscript combo question. I have a form with some checkbox inputs. I want to filter some stuff on my backend depending on which checkboxes are checked. With simple checkboxes, it works (well, not really, but that's a backend issue). However, I want to style my checkboxes by replacing their appearance with img's. I try to check the checkboxes using hyperscript, but it doesn't work correctly.
  • a
    If I put the 
    hx-post
    attribute on the 
    <input>
    , no request is sent.
  • a
    If I put it on the 
    img
    that I click, then the request is sent, but before the input is checked. If I click the 
    img
    again (to uncheck the input), then the request is sent with the checked attribute set.
  • g
    I would try to figure out a way to add the images with CSS
  • g
    If you hide the inputs it's going to be very confusing to someone tabbing through the form, which is a common thing to do
  • a
    The styled version looks like this:
  • a
    Is hiding the checkbox the problem?
  • g
    What does the .hidden class look like
  • a
    display: hidden;
  • g
    What is the code
  • g
    That will remove the checkbox from tab order and accessibility tree
  • g
    I would use 
    appearance: none
  • g
    and don't forget to add focus styles
  • a
    This is what it looks like with that change.
  • g
    which browser?
  • a
    Brave (Chrome based)
  • g
    sigh
  • g
    it worked in firefox
  • g
    anyway the hyperscript in your example seems redundant
  • g
    clicking the label will already click the input
1...830831832...1146Latest