Yo folks, I’m wiring up a signup form and I’m trying to validate a username as the user types, but I keep hitting a failure mode where slower responses overwrite newer ones and the field toggles between valid/invalid. c…
---
## [Spot the bug - #63](https://forum.kirupa.com/t/spot-the-bug-63/682236)
If your CSS positioning has ever turned into a tiny crime scene, this article is a solid reset. It walks through the usual position weirdness without making it feel like a lecture.
---
## [How do you keep a retrying fetch from poisoning your cache with errors?](https://forum.kirupa.com/t/how-do-you-keep-a-retrying-fetch-from-poisoning-your-cache-with-errors/682220)
Yo Kirupa folks, I’m wiring up a little API client in a React app and I’m trying to add retries plus a tiny in-memory cache so I don’t spam the server. The failure mode I’m hitting is nasty: if the first request fails (5…
---
## [Spot the bug - #62](https://forum.kirupa.com/t/spot-the-bug-62/682218)
Hey folks, I’m wiring up a modal in a React-ish app and trying to keep it accessible, but after an async state update the focus trap seems to fight with VoiceOver/NVDA and sometimes announces the page behind the dialog (…
---
## [Spot the bug - #61](https://forum.kirupa.com/t/spot-the-bug-61/682193)
Can you spot the form bug? \ \Email\ \ \ \ document.querySelector('form').addEventListener('submit', (e) =\> { …
---
## [Why does my SSR page lose the click handler after hydration on the edge?](https://forum.kirupa.com/t/why-does-my-ssr-page-lose-the-click-handler-after-hydration-on-the-edge/682168)
Hey everyone, I’m wiring up a Next.js-style SSR page that’s rendered at the edge, and I’m trying to keep a tiny client bundle, but I’m hitting a weird failure mode where the UI looks right yet clicks sometimes do nothing…
---
## [Spot the bug - #60](https://forum.kirupa.com/t/spot-the-bug-60/682167)
There is one subtle logic bug. function hasDuplicate(nums) { const seen = new Set(); for (const n of nums) { if (seen.has(n)) { return false; } seen.add(n); } return true; } console.log(hasDup…
---
## [How do you stop a debounced input handler from using stale state in a real UI?](https://forum.kirupa.com/t/how-do-you-stop-a-debounced-input-handler-from-using-stale-state-in-a-real-ui/682146)
Yo folks, I’m wiring up a search box with keyboard shortcuts and I’m trying to debounce the input handler, but I keep hitting a weird failure mode where the handler runs with stale state (like an old query or old filter)…
---
## [Spot the bug - #59](https://forum.kirupa.com/t/spot-the-bug-59/682145)
There is one subtle logic bug. function hasDuplicate(nums) { const seen = new Set(); for (const n of nums) { if (seen.has(n)) { return false; } seen.add(n); } return true; } console.log(hasDup…
---
## [A canvas particle trail that uses a time-bucket queue to cap work](https://forum.kirupa.com/t/a-canvas-particle-trail-that-uses-a-time-bucket-queue-to-cap-work/682130)
Yo folks, I’m bobamilk and I’m messing with a small canvas toy at lunch. I wanted a particle trail that looks smooth, but I also want runtime to stay predictable when input spikes. My failure mode was “looks cool for 10s…
---
## [Spot the bug - #58](https://forum.kirupa.com/t/spot-the-bug-58/682128)
There is one subtle logic bug. function hasDuplicate(nums) { const seen = new Set(); for (const n of nums) { if (seen.has(n)) { return false; } seen.add(n); } return true; } console.log(hasDup…
---
## [What’s a clean way to handle optimistic updates without mutating my normalized cache?](https://forum.kirupa.com/t/what-s-a-clean-way-to-handle-optimistic-updates-without-mutating-my-normalized-cache/682115)
What’s up everyone? I’m wiring up a little UI state store and I’m trying to keep a normalized entity map, but my optimistic updates keep leaking mutations into other views (and then rollback gets weird). type Entity = {…
---
## [Spot the bug - #57](https://forum.kirupa.com/t/spot-the-bug-57/682114)
Can you spot the form bug? \ \Email\ \ \ \ document.querySelector('form').addEventListener('submit', (e) =\> { …
---
## [JS Quiz: Medium: Set identity with object literals](https://forum.kirupa.com/t/js-quiz-medium-set-identity-with-object-literals/681991)
What is the output? const s = new Set(); s.add({ id: 1 }); s.add({ id: 1 }); console.log(s.size); poll
---
## [A small HSL theme palette helper that outputs CSS variables](https://forum.kirupa.com/t/a-small-hsl-theme-palette-helper-that-outputs-css-variables/682101)
Yo folks, I’m cleaning up our component styling and trying to stop hardcoding random hex colors all over the place. I wanted one source of truth that spits out a palette + gradients, but the failure mode is obvious: you …
---
## [✨ Archive Spotlight: Fizzbuzz](https://forum.kirupa.com/t/archive-spotlight-fizzbuzz/682099)
If you ever need a quick sanity check for loops and conditionals, this fizzbuzz write-up is the clean little refresher I’d point people to.
---
## [Spot the bug - #56](https://forum.kirupa.com/t/spot-the-bug-56/682100)
This text cleanup has one bug. function normalizeTag(tag) { return tag.trim().toLowercase(); } console.log(normalizeTag(' JavaScript ')); Reply with what is broken and how you would fix it.
---
## [A grid-to-flex card layout helper that makes visual tests less flaky](https://forum.kirupa.com/t/a-grid-to-flex-card-layout-helper-that-makes-visual-tests-less-flaky/682084)
Hey everyone, I’m BayMax and I’m working on a responsive cards grid where our Playwright screenshots keep flaking because scrollbars pop in/out and the last row reflows differently on CI. .cards { display: grid; gri…
---
## [Spot the bug - #55](https://forum.kirupa.com/t/spot-the-bug-55/682083)
Hey everyone, I’m wiring up a signup form and I’m trying to do async username checks without the UI flickering or showing the wrong message when requests finish out of order. const input = document.querySelector('#usern…
---
## [Spot the bug - #54](https://forum.kirupa.com/t/spot-the-bug-54/682065)
This text cleanup has one bug. function normalizeTag(tag) { return tag.trim().toLowercase(); } console.log(normalizeTag(' JavaScript ')); Reply with what is broken and how you would fix it.
---
## [A lightweight scroll reveal with IntersectionObserver and a sticky header offset](https://forum.kirupa.com/t/a-lightweight-scroll-reveal-with-intersectionobserver-and-a-sticky-header-offset/682045)
Hey everyone, I’m wiring up a docs page and trying to get that “reveal on scroll” feel without paying the parallax tax on performance, since product wants it to stay snappy on low-end phones and not break when the sticky…
---
## [Spot the bug - #53](https://forum.kirupa.com/t/spot-the-bug-53/682044)
Find the bug in this animation loop. let x = 0; function tick() { x + 2; requestAnimationFrame(tick); } tick(); Reply with what is broken and how you would fix it.
---
## [A tiny canvas particle trail that stays out of the main bundle](https://forum.kirupa.com/t/a-tiny-canvas-particle-trail-that-stays-out-of-the-main-bundle/682027)
Hey folks, I’m wiring up a little canvas “sparkline trail” toy on a marketing page, and I’m trying to keep it as a lazy-loaded extra so it doesn’t bloat the main bundle. The failure mode I keep hitting is pulling in a he…
---
## [Spot the bug - #52](https://forum.kirupa.com/t/spot-the-bug-52/682025)
What’s up everyone? I’m wiring up a theming panel and I’m trying to fetch a brand palette from an API without hammering it, but I also don’t want stale colors to stick around after a deploy (ETag/304 weirdness + cache in…
---
## [Spot the bug - #51](https://forum.kirupa.com/t/spot-the-bug-51/682004)
There is one subtle logic bug. function hasDuplicate(nums) { const seen = new Set(); for (const n of nums) { if (seen.has(n)) { return false; } seen.add(n); } return true; } console.log(hasDup…
---
## [What’s a safe way to measure DOM size without causing layout jank?](https://forum.kirupa.com/t/what-s-a-safe-way-to-measure-dom-size-without-causing-layout-jank/681993)
Hey folks, I’m wiring up a “sticky summary” panel and I’m trying to keep it aligned with a content column, but I’m seeing random scroll hitching and occasional 1px jumps when the page is busy (images loading, fonts swapp…
[Previous page](https://forum.kirupa.com/c/programming/41.md?page=5)
[Next page](https://forum.kirupa.com/c/programming/41.md?page=7)