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…
---
## [✨ Archive Spotlight: Modifying How Corners Look](https://forum.kirupa.com/t/archive-spotlight-modifying-how-corners-look/682466)
If you’re trying to make corners look less like default AI mush and more intentional, this kirupa piece is a nice quick read. It walks through the small visual tweaks that make a surprisingly big difference without turn…
---
## [A tiny rAF spring helper that stays dependency-free](https://forum.kirupa.com/t/a-tiny-raf-spring-helper-that-stays-dependency-free/682453)
Hey folks, I’m cleaning up a UI micro-interaction at work and I’m trying to keep the bundle lean, so I replaced a small animation lib with a tiny spring. The failure mode I hit before was accidental double-imports from d…
---
## [Spot the bug - #76](https://forum.kirupa.com/t/spot-the-bug-76/682452)
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.
---
## [How do you keep global keyboard shortcuts from breaking text input and accessibility?](https://forum.kirupa.com/t/how-do-you-keep-global-keyboard-shortcuts-from-breaking-text-input-and-accessibility/682435)
What’s up everyone? I’m wiring up global keyboard shortcuts for a web app (think cmd+k, /, esc) and I’m trying to do it without wrecking normal typing in inputs, contenteditable, or screen reader flows. Right now it fee…
---
## [Spot the bug - #75](https://forum.kirupa.com/t/spot-the-bug-75/682434)
Yo folks, I’m wiring up theming in a small dashboard and I wanted one place to own color state so components don’t drift. The failure mode I keep hitting is mutable shared refs: one widget tweaks a palette and suddenly t…
---
## [Spot the bug - #74](https://forum.kirupa.com/t/spot-the-bug-74/682419)
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…
---
## [Spot the bug - #73](https://forum.kirupa.com/t/spot-the-bug-73/682400)
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…
---
## [A tiny string pipeline that keeps highlights stable while truncating](https://forum.kirupa.com/t/a-tiny-string-pipeline-that-keeps-highlights-stable-while-truncating/682398)
Hey everyone, I’m wiring up a search results list and I’m trying to keep my string formatting predictable without mutating the same object in three different places. The failure mode I kept hitting was highlight ranges d…
---
## [A tiny share or copy helper that degrades nicely without extra deps](https://forum.kirupa.com/t/a-tiny-share-or-copy-helper-that-degrades-nicely-without-extra-deps/682384)
What’s up everyone? I’m wiring up a “Share” button for a docs-ish web app, and I’m trying to keep the UX decent without dragging in a big dependency or shipping a bunch of edge-case UI. The tradeoff is obvious: feature-r…
---
## [Spot the bug - #72](https://forum.kirupa.com/t/spot-the-bug-72/682381)
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 keep retry with backoff from turning into a thundering herd?](https://forum.kirupa.com/t/how-do-you-keep-retry-with-backoff-from-turning-into-a-thundering-herd/682360)
Yo folks, I’m wiring up a fetch wrapper that retries with exponential backoff + jitter, and I’m trying to keep it fast under load. My failure mode right now is when the API has a brief outage, a bunch of callers all retr…
---
## [Spot the bug - #71](https://forum.kirupa.com/t/spot-the-bug-71/682359)
Can you spot the form bug? \ \Email\ \ \ \ document.querySelector('form').addEventListener('submit', (e) =\> { …
---
## [JS Quiz: Easy: Async return in finally](https://forum.kirupa.com/t/js-quiz-easy-async-return-in-finally/682256)
Yo folks, I’m tuning a checkout form and I keep noticing tiny layout shifts when an input mask/validation message kicks in, especially on mobile where the placeholder width changes and the range slider below gets pushed. …
---
## [✨ Archive Spotlight: Pulling Off A Successful Redesign](https://forum.kirupa.com/t/archive-spotlight-pulling-off-a-successful-redesign/682341)
If you’re about to redesign something and don’t want it to turn into a slow-motion disaster, this kirupa piece is a solid sanity check. It keeps the focus on the parts people usually hand-wave past, which is probably wh…
---
## [Spot the bug - #70](https://forum.kirupa.com/t/spot-the-bug-70/682340)
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)