Can you spot the form bug? \ \Email\ \ \ \ document.querySelector('form').addEventListener('submit', (e) =\> { …
---
## [A tiny string highlighter that keeps my tests from being flaky](https://forum.kirupa.com/t/a-tiny-string-highlighter-that-keeps-my-tests-from-being-flaky/682320)
Yo Kirupa folks, I’m wiring up some UI tests right now and I keep losing time on failures where the diff is basically “one extra space” or a line wrap that shifts, so I started using a little text formatter to make asser…
---
## [Spot the bug - #68](https://forum.kirupa.com/t/spot-the-bug-68/682319)
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 tiny HSL theme helper that keeps contrast from going off the rails](https://forum.kirupa.com/t/a-tiny-hsl-theme-helper-that-keeps-contrast-from-going-off-the-rails/682311)
Hey folks, I’m working on a white-label UI where product keeps asking for “just one more theme,” and I’m trying to avoid shipping 12 hand-tuned palettes that drift over time. The failure mode I keep hitting is gradients …
---
## [Spot the bug - #67](https://forum.kirupa.com/t/spot-the-bug-67/682309)
Quick one: event handling bug here. const button = document.querySelector('#save'); button.addEventListener('click', saveForm()); function saveForm() { console.log('saved'); } Reply with what is broken and how you w…
---
## [Spot the bug - #66](https://forum.kirupa.com/t/spot-the-bug-66/682293)
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 scroll reveal pipeline that keeps the main thread mostly bored](https://forum.kirupa.com/t/a-scroll-reveal-pipeline-that-keeps-the-main-thread-mostly-bored/682290)
Hey folks, I’m wiring up a scroll + viewport reveal thing for a docs page and I’m trying to keep the main thread free while a worker crunches which sections should be “active” for sticky/parallax bits; the failure mode I…
---
## [Spot the bug - #65](https://forum.kirupa.com/t/spot-the-bug-65/682274)
Hey folks, I’m wiring up a small web app and I’m trying to keep the bundle lean, but one dependency keeps dragging in Node-ish polyfills and my chunk size jumps hard. The failure mode is it “works” in dev, then prod gets…
---
## [How do you safely cache retries without leaking auth or serving the wrong user?](https://forum.kirupa.com/t/how-do-you-safely-cache-retries-without-leaking-auth-or-serving-the-wrong-user/682257)
Hey folks, I’m wiring up a frontend fetch wrapper that does retries + a tiny in-memory cache, and I’m trying to keep the security boundaries sane (no cross-user data, no stale auth). The failure mode I’m scared of is cac…
---
## [Spot the bug - #64](https://forum.kirupa.com/t/spot-the-bug-64/682255)
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.
---
## [JS Quiz: Easy: Async return in finally](https://forum.kirupa.com/t/js-quiz-easy-async-return-in-finally/682113)
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.
[Previous page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=5)
[Next page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=7)