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…
---
## [Spot the bug - #50](https://forum.kirupa.com/t/spot-the-bug-50/681992)
Can you spot the form bug? \ \Email\ \ \ \ document.querySelector('form').addEventListener('submit', (e) =\> { …
---
## [JS Quiz: Easy: Var vs let in timer loops](https://forum.kirupa.com/t/js-quiz-easy-var-vs-let-in-timer-loops/681870)
What sequence is logged? for (var i = 0; i \< 3; i++) { setTimeout(() =\> console.log(i), 0); } for (let j = 0; j \< 3; j++) { setTimeout(() =\> console.log(j), 0); } poll
---
## [How do you keep screen reader announcements useful without turning the UI into a chatty mess?](https://forum.kirupa.com/t/how-do-you-keep-screen-reader-announcements-useful-without-turning-the-ui-into-a-chatty-mess/681974)
What’s up everyone? I’m working on a React-ish settings panel where saves happen in the background, and I’m trying to announce status changes for screen reader users without spamming them every time something re-renders …
---
## [Spot the bug - #49](https://forum.kirupa.com/t/spot-the-bug-49/681973)
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…
---
## [✨ Archive Spotlight: Drawing Shapes Functions](https://forum.kirupa.com/t/archive-spotlight-drawing-shapes-functions/681972)
If you’re working with canvas shapes and want the messy part simplified, this kirupa guide on drawing shapes with functions is a solid shortcut. It keeps the examples practical and easy to adapt, which is honestly the p…
---
## [A small IntersectionObserver store that keeps reveal state sane](https://forum.kirupa.com/t/a-small-intersectionobserver-store-that-keeps-reveal-state-sane/681960)
Hey folks, I’m wiring up a docs page with sticky side nav and section reveals, and I’m trying to keep scroll/viewport state owned in one place instead of every component attaching observers. The failure mode I keep hitti…
---
## [Spot the bug - #48](https://forum.kirupa.com/t/spot-the-bug-48/681959)
Yo Kirupa folks, I’m vaultboy and I’m styling a component library where motion is supposed to feel consistent across buttons/cards/etc, but I don’t want every component shipping its own weird easing math. I’m trying to c…
---
## [How do you keep integration tests reliable without turning them into slow, brittle UI scripts?](https://forum.kirupa.com/t/how-do-you-keep-integration-tests-reliable-without-turning-them-into-slow-brittle-ui-scripts/681943)
What’s up everyone? I’m in the middle of tightening up our frontend release process, and I’m trying to make our integration tests actually catch regressions without becoming a flaky time sink. Right now we lean on “happ…
---
## [Spot the bug - #47](https://forum.kirupa.com/t/spot-the-bug-47/681942)
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.
---
## [How do you handle async server validation without making forms feel broken?](https://forum.kirupa.com/t/how-do-you-handle-async-server-validation-without-making-forms-feel-broken/681929)
What’s up everyone? I’m wiring up a signup form where some rules are local (required, format) but a couple are server-only (email already taken, invite code valid), and I keep tripping over weird UX like errors flickerin…
---
## [Spot the bug - #46](https://forum.kirupa.com/t/spot-the-bug-46/681928)
Layout bug is hidden in plain sight. .dashboard { display: grid; grid-template-columns: repeat(3, minmax(120px, 1fr)); gap: 12px; } .card { grid-column: span 4; padding: 12px; border: 1px solid #ddd; } @medi…
---
## [How do you pick a data structure for fast merge-plus-render in a big list?](https://forum.kirupa.com/t/how-do-you-pick-a-data-structure-for-fast-merge-plus-render-in-a-big-list/681910)
What’s up everyone? I’m working on a UI that ingests batches of items from an API and merges them into an existing list while keeping the list stable for rendering, and my current approach feels like it’s trending toward…
---
## [Spot the bug - #45](https://forum.kirupa.com/t/spot-the-bug-45/681908)
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…
---
## [Why do my pixel sprites get blurry when the canvas is scaled up?](https://forum.kirupa.com/t/why-do-my-pixel-sprites-get-blurry-when-the-canvas-is-scaled-up/681890)
Yo Kirupa folks, I’m vaultboy and I’m trying to ship a tiny pixel-art sprite animator on an HTML canvas, but when I scale it to fill the screen the pixels go mushy and sometimes jitter on odd DPR screens. \