any idea why? is it a cache header issue, and chrome thinks the page needs to be refreshed?

No I'm wrong, it's the same request restored from cache

I think fundamentally what I'm looking at is https://web.dev/bfcache/

and I can't figure out why it won't use the cache for my pages

booo

OK one last try but I think I have give up on the back/inf scroll for a while

I changed behavior to return 100% of the page back on scroll vs just a fragment

and added hx-push-url to the reveal event

I see the url changing, but following a link and going back is not restoring the dom snapshot but making a fresh http request

Ok I lied - I figured out how to reproduce the bug I mentioned last night: https://animelister.fly.dev/ -> scroll -> click link ->back -> duplicate requests

I'll open a bug on github

It shows up with hx-boost

Also https://github.com/bigskysoftware/htmx/issues/407 - is there a way to turn that behavior off?

it looks like there was and now there isn't

I just got confirmation from the person on stackoverflow that this indeed fixed it. Thanks again. I am sure @User will also like the comment that person gave: > Genius! That worked - big smiles here! Thank you so much Wim. I am so glad that you have introduced me to HTMX - it will revolutionise my approach to UI development!

yall i got copilot

Draft of Issue 3 of This Week in HTMX: https://fe933d73.this-week-in-htmx.pages.dev/issue/3/ Feedback welcome & please let me know if you have any title ideas. @User @User @User @User @User @User @User This issue features messages from you. Please feel free to reach out if you'd like them left out/amended/any other issue. My DMs are open.

thank you I will fix soon, I think we need to use hypertext at the engine of application state here 😑

hey I made the issue! 🙂 (no obnoxious sticker attached)

Can you try this patch to see if it fixes the issue:

Index: src/htmx.js
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- src/htmx.js    (revision e67e5ba41b4de7286adf3b6a6bceb1c0ae94c88b)
+++ src/htmx.js    (date 1635614675973)
@@ -1120,9 +1120,8 @@
         }
 
         function maybeReveal(elt) {
-            var nodeData = getInternalData(elt);
-            if (!nodeData.revealed && isScrolledIntoView(elt)) {
-                nodeData.revealed = true;
+            if (!hasAttribute(elt,'data-hx-revealed') && isScrolledIntoView(elt)) {
+                elt.setAttribute('data-hx-revealed', 'true');
                 if (nodeData.initialized) {
                     issueAjaxRequest(nodeData.verb, nodeData.path, elt);
                 } else {

That's my lowest-effor shout-out this year. I'm getting a mention for a "yup" -- if only my day-job was that easy 😉

But seriously -- thanks, @User, for doing this. I know it's a bunch of manual work, but I think "This Week in htmx" will be a good promotional tool going forward.

Strange – cannot seem to get that to work. Set both server response headers (

Cache-Control

,

Pragma

,

Expires

) and tried setting it via JavaScript

javascript
  window.onpageshow = function(event) {
    if (event.persisted) {
        window.location.reload()
    }
  };

:chad_yes:

the virgin eternal return nietzschean web nihilist vs the chad we evermore closely approach the platonic archetype web spiritualist

> has to negotiate content type

> "just use the browser bro"

How do I show or hide a control based on the value of another?

are you looking for a pure front end solution?