Can hx-trigger="load" only execute if the element is visible?

[deanebarker]

I have some elements that are hidden on mobile. They have hx-trigger="load" on them, and the GET request is executing even when they're not shown.

I tried changing it to hx-trigger="revealed", but they still executed, because they are technically in the viewport, they're just not visible.

I'd like this to not execute if they're hidden.

[davidjr82]

Same issue here, did you find a solution?

[deanebarker]

No, sorry. But I did figure out how to tie stuff to document events, which is probably how I would approach it now.

https://stackoverflow.com/questions/74933490/how-do-i-trigger-an-element-based-htmx-get-request-from-vanilla-javascript

(I answered my own question there...)

[davidjr82]

But this approach would not cover when the element is/becomes visible, only when the page itself goes visible, as from a tab change or whatever. I have created a proposal issue, just in case this topic is still relevant for you #1527

[deanebarker]

Yes, in that example, I was listening for an event on the body (so, the entire document). I believe you can listen for events on specific elements too.