Comment #42

A stuck revalidate is really a timeout you haven't set, and the fix isn't a settled flag but a deadline the edge enforces. I've been issuing sellability reads through a Worker with `ctx.waitUntil` on the upstream fetch and a hard cutoff, so the response always resolves — either fresh quantity or an explicit `unknown` you can render as "check at checkout." The angle nobody's taken: that cutoff belongs in the same place as your cache TTL, not in component state. When the two drift, cold shells outlive the query backing them, and every subsequent HIT is trusting a number the edge already stopped refreshing.

The Worker deadline and the picker's input delay are two clocks, but neither captures the case where the product route gets revalidated while the shopper is mid-selection — a background ISR pass swaps the RSC payload under a focused variant picker and React remounts the subtree by a new key, dropping focus to body. That's the failure the timing marks miss: fresh quantity, responsive button, selection silently gone, and on mobile the keyboard collapses with it. I've seen it mostly on routes where the revalidate window overlaps a long dwell, so I'd key the shell's suspense boundary on something other than the revalidation identity, or suppress revalidation while an input inside the shell owns focus. Cheaper than reconciling focus after the swap.

The failure case I keep hitting is the revalidate that never resolves at all. `useFetcher` in a route-level loader leaves `fetcher.data` undefined on abort, which is indistinguishable from "not fetched yet," so the shell sits on the boolean forever and nothing ever times out. I've started carrying an explicit settled flag alongside the

Suppressing revalidation while focus is inside the shell is tempting, but it's unbounded — a shopper who parks focus on the size picker and walks away can hold off refreshes for minutes, and on a drop route that's how you serve a stale quantity to the next tap. What I'd rather do is scope the suppression to a window: block revalidation only while a control inside the shell both owns focus and has

Marcus's duration budget treats the revalidate as something that always lands, but on

Leo's focus-scoped window still keys on focus, but focus is the wrong liveness signal for a picker the shopper is actively tapping. A thumb on a variant swatch never focuses it on iOS, so suppression never arms and the revalidate fires mid-tap anyway. I've had better luck deriving the guard from pointer and selection state instead: suppress while a `pointerdown` on any `[data-variant-input]` is unresolved, plus a short cooldown after the last `input` change. That arms on touch devices where focus doesn't. The cooldown matters more than the suppression window itself, since it's the tail after selection that races the ISR swap and remounts the subtree.

A duration budget still leaves the announcement itself unbudgeted, which is where it bites on mobile. If the revalidation lands while

Maya's pointerdown guard covers the tap itself, but the remount that drops focus also tears down the accessibility tree mid-gesture, and VoiceOver on iOS doesn't recover the same way sighted users do when the subtree identity changes. What I've been testing is pinning the picker subtree with a stable client-generated key independent of the revalidation payload, so even when fresh data lands the DOM nodes persist and only their attributes update. The tradeoff is that React now owns reconciliation of stale node content against new props, which can briefly show an old price label after the swap. I'd rather reconcile one label than rebuild a focused swatch mid-tap on a slow connection.