we should support that though

sorry, dinner time, back in a bit

no,

document

is not a valid CSS selector. It'd be great to support it as a special case. Same with

window

, I guess.

iirc, in intercooler.js we had a way to do this

one sec

For now, I tried passing-through the event to the

body

element with a custom handler and that works:

js
  // Listen for the event.
  document.addEventListener("visibilitychange", function (e) {
    if (document.hidden) {
      eventName = "document:hidden"
    } else {
      eventName = "document:visible"
    }
    // Triger the event in the `body` so we can use CSS selectors in event filters from htmx.
    document.querySelector("body").dispatchEvent(new Event(eventName))
  })

Then in the `div`:

html
<div hx-get="/version" hx-trigger="document:visible from:body">foo bar</div>

not awful

not great, but not awful

mind logging a github issue or two around this stuff?

it would be great to have an event modifier to disable polling when hidden, similar to that link you shared about intercooler. Maybe something like

hx-trigger="visibilitychange from:document disable-if:hidden"

or something like that.

yep, that's what I'm thinking

or

hx-trigger="visibilitychange[!document.hidden] from:document

unfortunately filters don't work on polling, and I think that's what you really want here

ah

Hey all

You don't want load polling because on a miss it will just stop

you want real polling, from what I can tell

Is it possible to put a delay on the trigger once its called? Like only allow the trigger to be called every 60s or something?

throttle?

Wow perfect

Do I have to pass in an actual trigger?

Its on a list dropdown

Right now it triggers when clicked

with hx-trigger

@User yeah. I'm still figuring out exactly the full spec of what I'll implement. But I think I'll want to trigger a div update on the following conditions: * every X number of minutes as long as the tab is visible * on tab activation (visibilitychange + !document.hidden)

You could do it in hyperscript. Something like this (after someone checks for bugs)

hyperscript
on visibilitychange from document

    repeat until event visibilitychange from document
        if document.hidden then return end
        send poll to #pollNode
        wait 300s
    end

OK, so you want to mix an

every 5 minutes active, visibilityChage[!document.hidden] from document

something like that