Htmx preload extension not working, default behaviour not firing network request on mouseover

[abhjithmohan]

Hi anybody here used preload extension with htmx, I am using it with django. But htmx does not fire any request after setting preloading to mouseover (I am using the preload cdn for loading and it seems to be working.)
ps. I am using django

This is the code snippet for reference, any help is appreciated, thanks

[Telroshan]

Hey,

Could you share what versions you are using for both htmx and the preload extension?

I took a shot in this JSFiddle, mimicking your setup above, and it seems to work as expected ; a request is fired when hovering the button with my mouse.
If you're already using the latest versions, could you try simplifying your code to narrow down the issue? For example, you could try to drop any django templating syntax here and replace your loop with 1 very simple HTML button with preload on it, just to see if this minimal setup works or already doesn't. This will help us identify where the issue comes from.

Hope this helps!

[abhjithmohan]

Thank you for the response, tried it with just a plain html page and worked up from there, the script link was getting replaced with a partial, the problem is solved. But the now the request is being loaded twice, once on mouseover and then on the actual click event

[Telroshan]

Glad you got this first problem solved!
Would you mind sharing screenshots of your 2 requests in the network tab? Most importantly, the request headers and response headers of both of them?
For example, you'll want to make sure that you have setup your Cache-Control header correctly as per the preload docs:

Preloaded responses will only be cached in the browser if the response headers allow it. For example, the response header Cache-Control: private, max-age=60 allows the browser to cache the response, whereas Cache-Control: no-cache prevents it.