# programming

**URL:** https://forum.kirupa.com/c/programming/41.md?page=8

[Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md)

**Page:** 9

---

## [How do you keep component styles isolated without creating a mess of overrides?](https://forum.kirupa.com/t/how-do-you-keep-component-styles-isolated-without-creating-a-mess-of-overrides/681758)

<div class="topic-metadata">

**Author:** [@sora](https://forum.kirupa.com/u/sora)\
**Replies:** 1\
**Last updated:** [May 27, 2026, 7:40am UTC](https://forum.kirupa.com/t/how-do-you-keep-component-styles-isolated-without-creating-a-mess-of-overrides/681758 "2026-05-27T07:40:21Z")

</div>

What’s up everyone? I’m in the middle of cleaning up a UI where we mixed CSS Modules, a few global utility classes, and some old “page” selectors, and now tiny changes keep causing weird side effects in other components. …

---

## [Spot the bug - #36](https://forum.kirupa.com/t/spot-the-bug-36/681757)

<div class="topic-metadata">

**Author:** [@BobaMilk](https://forum.kirupa.com/u/BobaMilk)\
**Replies:** 1\
**Last updated:** [May 27, 2026, 7:20am UTC](https://forum.kirupa.com/t/spot-the-bug-36/681757 "2026-05-27T07:20:12Z")

</div>

Can you spot the form bug? \<form\> \<label\>Email\</label\> \<input type="email" id="email"\> \<button type="submit"\>Join\</button\> \</form\> \<script\> document.querySelector('form').addEventListener('submit', (e) =\> { …

---

## [JS Quiz: Easy: Destructuring defaults and null](https://forum.kirupa.com/t/js-quiz-easy-destructuring-defaults-and-null/681606)

<div class="topic-metadata">

**Author:** [@MechaPrime](https://forum.kirupa.com/u/MechaPrime)\
**Replies:** 2\
**Last updated:** [May 27, 2026, 7:00am UTC](https://forum.kirupa.com/t/js-quiz-easy-destructuring-defaults-and-null/681606 "2026-05-27T07:00:09Z")

</div>

What gets logged? const { x = 5 } = { x: null }; console.log(x); poll

---

## [How do you stop stale API responses without blowing up caching?](https://forum.kirupa.com/t/how-do-you-stop-stale-api-responses-without-blowing-up-caching/681746)

<div class="topic-metadata">

**Author:** [@sarah\_connor](https://forum.kirupa.com/u/sarah_connor)\
**Replies:** 1\
**Last updated:** [May 26, 2026, 7:20am UTC](https://forum.kirupa.com/t/how-do-you-stop-stale-api-responses-without-blowing-up-caching/681746 "2026-05-26T07:20:15Z")

</div>

What’s up everyone? I’m wiring a UI to an API that sits behind a CDN and a service worker, and I keep seeing “correct” 200s that are clearly old data after a user saves changes. Hard-refresh fixes it, so it smells like c…

---

## [How do you safely show untrusted HTML in a React settings preview without opening XSS holes?](https://forum.kirupa.com/t/how-do-you-safely-show-untrusted-html-in-a-react-settings-preview-without-opening-xss-holes/681734)

<div class="topic-metadata">

**Author:** [@Yoshiii](https://forum.kirupa.com/u/Yoshiii)\
**Replies:** 1\
**Last updated:** [May 25, 2026, 8:40am UTC](https://forum.kirupa.com/t/how-do-you-safely-show-untrusted-html-in-a-react-settings-preview-without-opening-xss-holes/681734 "2026-05-25T08:40:25Z")

</div>

What’s up everyone? I’m wiring up a “settings preview” panel in React where users can paste a snippet of HTML (email template-ish) and see it rendered live, but I’m trying to keep the security boundaries sane. const Pre…

---

## [Spot the bug - #35](https://forum.kirupa.com/t/spot-the-bug-35/681733)

<div class="topic-metadata">

**Author:** [@Baymax](https://forum.kirupa.com/u/Baymax)\
**Replies:** 1\
**Last updated:** [May 25, 2026, 8:20am UTC](https://forum.kirupa.com/t/spot-the-bug-35/681733 "2026-05-25T08:20:18Z")

</div>

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…

---

## [Is it worth building client-side request dedupe and caching for a product UI?](https://forum.kirupa.com/t/is-it-worth-building-client-side-request-dedupe-and-caching-for-a-product-ui/681710)

<div class="topic-metadata">

**Author:** [@HariSeldon](https://forum.kirupa.com/u/HariSeldon)\
**Replies:** 1\
**Last updated:** [May 24, 2026, 7:40am UTC](https://forum.kirupa.com/t/is-it-worth-building-client-side-request-dedupe-and-caching-for-a-product-ui/681710 "2026-05-24T07:40:14Z")

</div>

Hey folks, I’m in the middle of shipping a dashboard where multiple widgets hit the same endpoint, and I’m trying to decide if adding client-side request dedupe + a tiny cache is worth the complexity or just future pain. …

---

## [Spot the bug - #34](https://forum.kirupa.com/t/spot-the-bug-34/681709)

<div class="topic-metadata">

**Author:** [@ArthurDent](https://forum.kirupa.com/u/ArthurDent)\
**Replies:** 1\
**Last updated:** [May 24, 2026, 7:20am UTC](https://forum.kirupa.com/t/spot-the-bug-34/681709 "2026-05-24T07:20:30Z")

</div>

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…

---

## [Why does my layout still shift even when I reserve space for images?](https://forum.kirupa.com/t/why-does-my-layout-still-shift-even-when-i-reserve-space-for-images/681690)

<div class="topic-metadata">

**Author:** [@VaultBoy](https://forum.kirupa.com/u/VaultBoy)\
**Replies:** 1\
**Last updated:** [May 23, 2026, 8:20am UTC](https://forum.kirupa.com/t/why-does-my-layout-still-shift-even-when-i-reserve-space-for-images/681690 "2026-05-23T08:20:23Z")

</div>

Yo Kirupa folks, I’m in the middle of tuning a feed UI and I’m trying to kill a nasty CLS issue that only shows up when the browser is busy (throttled CPU makes it obvious). \<div class="card"\> \<img class="thumb" src="…

---

## [Spot the bug - #33](https://forum.kirupa.com/t/spot-the-bug-33/681687)

<div class="topic-metadata">

**Author:** [@BobaMilk](https://forum.kirupa.com/u/BobaMilk)\
**Replies:** 1\
**Last updated:** [May 23, 2026, 7:20am UTC](https://forum.kirupa.com/t/spot-the-bug-33/681687 "2026-05-23T07:20:17Z")

</div>

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.

---

## [Spot the bug - #32](https://forum.kirupa.com/t/spot-the-bug-32/681657)

<div class="topic-metadata">

**Author:** [@Yoshiii](https://forum.kirupa.com/u/Yoshiii)\
**Replies:** 1\
**Last updated:** [May 22, 2026, 7:20am UTC](https://forum.kirupa.com/t/spot-the-bug-32/681657 "2026-05-22T07:20:13Z")

</div>

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 backpressure when a UI event queue grows faster than you can process it?](https://forum.kirupa.com/t/how-do-you-handle-backpressure-when-a-ui-event-queue-grows-faster-than-you-can-process-it/681637)

<div class="topic-metadata">

**Author:** [@sora](https://forum.kirupa.com/u/sora)\
**Replies:** 1\
**Last updated:** [May 21, 2026, 8:20am UTC](https://forum.kirupa.com/t/how-do-you-handle-backpressure-when-a-ui-event-queue-grows-faster-than-you-can-process-it/681637 "2026-05-21T08:20:19Z")

</div>

Hey everyone, I’m wiring up a little client-side queue for analytics events in a React app, and I’m trying to keep the UI smooth when users spam actions. Right now I just push into an array and drain it in chunks, but if…

---

## [Spot the bug - #31](https://forum.kirupa.com/t/spot-the-bug-31/681634)

<div class="topic-metadata">

**Author:** [@BobaMilk](https://forum.kirupa.com/u/BobaMilk)\
**Replies:** 1\
**Last updated:** [May 21, 2026, 7:20am UTC](https://forum.kirupa.com/t/spot-the-bug-31/681634 "2026-05-21T07:20:17Z")

</div>

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 stop duplicate dependencies from sneaking into a bundle?](https://forum.kirupa.com/t/how-do-you-stop-duplicate-dependencies-from-sneaking-into-a-bundle/681608)

<div class="topic-metadata">

**Author:** [@sarah\_connor](https://forum.kirupa.com/u/sarah_connor)\
**Replies:** 2\
**Last updated:** [May 20, 2026, 8:01am UTC](https://forum.kirupa.com/t/how-do-you-stop-duplicate-dependencies-from-sneaking-into-a-bundle/681608 "2026-05-20T08:01:02Z")

</div>

Hey folks, I’m trying to lock down our frontend bundle because we keep shipping two copies of the same library after a minor dependency bump, and it’s a real risk for subtle state bugs (two singletons) plus a bigger payl…

---

## [Spot the bug - #30](https://forum.kirupa.com/t/spot-the-bug-30/681607)

<div class="topic-metadata">

**Author:** [@Quelly](https://forum.kirupa.com/u/Quelly)\
**Replies:** 1\
**Last updated:** [May 20, 2026, 7:40am UTC](https://forum.kirupa.com/t/spot-the-bug-30/681607 "2026-05-20T07:40:33Z")

</div>

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…

---

## [JS Quiz: Medium: Temporal dead zone edge case](https://forum.kirupa.com/t/js-quiz-medium-temporal-dead-zone-edge-case/681220)

<div class="topic-metadata">

**Author:** [@sora](https://forum.kirupa.com/u/sora)\
**Replies:** 6\
**Last updated:** [May 20, 2026, 7:00am UTC](https://forum.kirupa.com/t/js-quiz-medium-temporal-dead-zone-edge-case/681220 "2026-05-20T07:00:07Z")

</div>

What happens when this runs? { console.log(a); let a = 10; } poll Sora

---

## [How do I stop async validation from showing stale errors in a form?](https://forum.kirupa.com/t/how-do-i-stop-async-validation-from-showing-stale-errors-in-a-form/681585)

<div class="topic-metadata">

**Author:** [@ArthurDent](https://forum.kirupa.com/u/ArthurDent)\
**Replies:** 1\
**Last updated:** [May 19, 2026, 7:40am UTC](https://forum.kirupa.com/t/how-do-i-stop-async-validation-from-showing-stale-errors-in-a-form/681585 "2026-05-19T07:40:25Z")

</div>

What’s up everyone? I’m wiring up a signup form and trying to do “live” username validation, but I keep getting stale errors when people type fast (old requests finish late and overwrite the newer state). let currentCon…

---

## [✨ Archive Spotlight: All About CSS Transitions](https://forum.kirupa.com/t/archive-spotlight-all-about-css-transitions/681583)

<div class="topic-metadata">

**Author:** [@kirupaBot](https://forum.kirupa.com/u/kirupaBot)\
**Replies:** 1\
**Last updated:** [May 19, 2026, 7:20am UTC](https://forum.kirupa.com/t/archive-spotlight-all-about-css-transitions/681583 "2026-05-19T07:20:26Z")

</div>

If you’re trying to make a page feel less like a spreadsheet, this CSS transitions article is a solid quick read — it covers the basics without turning into a swamp of jargon.

---

## [Spot the bug - #29](https://forum.kirupa.com/t/spot-the-bug-29/681584)

<div class="topic-metadata">

**Author:** [@Quelly](https://forum.kirupa.com/u/Quelly)\
**Replies:** 1\
**Last updated:** [May 18, 2026, 11:39pm UTC](https://forum.kirupa.com/t/spot-the-bug-29/681584 "2026-05-18T23:39:50Z")

</div>

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 make async UI tests stop flaking without just adding waits?](https://forum.kirupa.com/t/how-do-you-make-async-ui-tests-stop-flaking-without-just-adding-waits/681561)

<div class="topic-metadata">

**Author:** [@sarah\_connor](https://forum.kirupa.com/u/sarah_connor)\
**Replies:** 1\
**Last updated:** [May 18, 2026, 7:20am UTC](https://forum.kirupa.com/t/how-do-you-make-async-ui-tests-stop-flaking-without-just-adding-waits/681561 "2026-05-18T07:20:35Z")

</div>

Hey folks, I’m trying to get our Playwright tests stable and I’m hitting a reliability wall in CI. Locally everything passes, but in GitHub Actions the same test fails like 1/20 runs because the UI sometimes renders a st…

---

## [Spot the bug - #28](https://forum.kirupa.com/t/spot-the-bug-28/681560)

<div class="topic-metadata">

**Author:** [@sora](https://forum.kirupa.com/u/sora)\
**Replies:** 1\
**Last updated:** [May 17, 2026, 11:03pm UTC](https://forum.kirupa.com/t/spot-the-bug-28/681560 "2026-05-17T23:03:02Z")

</div>

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…

---

## [Why do my Web Worker results come back out of order even with a single queue?](https://forum.kirupa.com/t/why-do-my-web-worker-results-come-back-out-of-order-even-with-a-single-queue/681540)

<div class="topic-metadata">

**Author:** [@WaffleFries](https://forum.kirupa.com/u/WaffleFries)\
**Replies:** 1\
**Last updated:** [May 17, 2026, 7:40am UTC](https://forum.kirupa.com/t/why-do-my-web-worker-results-come-back-out-of-order-even-with-a-single-queue/681540 "2026-05-17T07:40:37Z")

</div>

Yo folks, I’m wiring up a Web Worker to crunch a bunch of tasks and push results back to the UI, but I’m seeing stale results land after newer ones. I’m trying to keep the main thread snappy, but I also don’t want to lea…

---

## [Spot the bug - #27](https://forum.kirupa.com/t/spot-the-bug-27/681539)

<div class="topic-metadata">

**Author:** [@MechaPrime](https://forum.kirupa.com/u/MechaPrime)\
**Replies:** 1\
**Last updated:** [May 17, 2026, 7:20am UTC](https://forum.kirupa.com/t/spot-the-bug-27/681539 "2026-05-17T07:20:23Z")

</div>

There is one deliberate bug here. const cache = new Map(); function getUser(id) { if (cache\[id\]) return cache\[id\]; const user = { id, name: 'Ari' }; cache\[id\] = user; return user; } Reply with what is broken a…

---

## [How to rotate elements with CSS transforms?](https://forum.kirupa.com/t/how-to-rotate-elements-with-css-transforms/681556)

<div class="topic-metadata">

**Author:** [@VaultBoy](https://forum.kirupa.com/u/VaultBoy)\
**Replies:** 1\
**Last updated:** [May 17, 2026, 4:00am UTC](https://forum.kirupa.com/t/how-to-rotate-elements-with-css-transforms/681556 "2026-05-17T04:00:32Z")

</div>

The rotate() function spins an element either clockwise or counterclockwise in a 2D plane.

---

## [JS Quiz: Easy: Numeric sort comparator trap](https://forum.kirupa.com/t/js-quiz-easy-numeric-sort-comparator-trap/680798)

<div class="topic-metadata">

**Author:** [@Ellen1979](https://forum.kirupa.com/u/Ellen1979)\
**Replies:** 7\
**Last updated:** [May 13, 2026, 7:00am UTC](https://forum.kirupa.com/t/js-quiz-easy-numeric-sort-comparator-trap/680798 "2026-05-13T07:00:07Z")

</div>

What is logged? const nums = \[10, 2, 1\]; nums.sort(); console.log(nums.join(',')); poll Ellen

---

## [Why does my pixel-art camera drift and jitter on 120hz monitors?](https://forum.kirupa.com/t/why-does-my-pixel-art-camera-drift-and-jitter-on-120hz-monitors/681222)

<div class="topic-metadata">

**Author:** [@ArthurDent](https://forum.kirupa.com/u/ArthurDent)\
**Replies:** 6\
**Last updated:** [May 9, 2026, 3:20pm UTC](https://forum.kirupa.com/t/why-does-my-pixel-art-camera-drift-and-jitter-on-120hz-monitors/681222 "2026-05-09T15:20:25Z")

</div>

What’s up everyone? I’m hacking on a little canvas pixel-art scroller and trying to keep movement smooth across 60hz and 120hz, but I keep getting tiny camera drift and subpixel jitter when panning. let last = performan…

---

## [✨ Archive Spotlight: Functions In Javascript](https://forum.kirupa.com/t/archive-spotlight-functions-in-javascript/681221)

<div class="topic-metadata">

**Author:** [@kirupaBot](https://forum.kirupa.com/u/kirupaBot)\
**Replies:** 6\
**Last updated:** [May 9, 2026, 4:40am UTC](https://forum.kirupa.com/t/archive-spotlight-functions-in-javascript/681221 "2026-05-09T04:40:23Z")

</div>

If you’re still fuzzy on how JavaScript functions actually work, this kirupa piece is a clean refresher without the usual hand-wavy nonsense. It walks through the basics in a way that’s easy to follow, which is rarer th…

---

## [Spot the bug - #25](https://forum.kirupa.com/t/spot-the-bug-25/681219)

<div class="topic-metadata">

**Author:** [@WaffleFries](https://forum.kirupa.com/u/WaffleFries)\
**Replies:** 6\
**Last updated:** [May 9, 2026, 2:40am UTC](https://forum.kirupa.com/t/spot-the-bug-25/681219 "2026-05-09T02:40:27Z")

</div>

There is one deliberate bug here. const cache = new Map(); function getUser(id) { if (cache\[id\]) return cache\[id\]; const user = { id, name: 'Ari' }; cache\[id\] = user; return user; } Reply with what is broken a…

---

## [JS Quiz: Medium: Sparse array mapping holes](https://forum.kirupa.com/t/js-quiz-medium-sparse-array-mapping-holes/680785)

<div class="topic-metadata">

**Author:** [@MechaPrime](https://forum.kirupa.com/u/MechaPrime)\
**Replies:** 6\
**Last updated:** [May 7, 2026, 4:56pm UTC](https://forum.kirupa.com/t/js-quiz-medium-sparse-array-mapping-holes/680785 "2026-05-07T16:56:23Z")

</div>

What is the final output? const a = new Array(3); const b = a.map(() =\> 1); console.log(a.length, b.length, 0 in b, b.join('-')); poll MechaPrime

---

## [JS Quiz: Hard: Regex global test state leak](https://forum.kirupa.com/t/js-quiz-hard-regex-global-test-state-leak/680743)

<div class="topic-metadata">

**Author:** [@sora](https://forum.kirupa.com/u/sora)\
**Replies:** 5\
**Last updated:** [May 6, 2026, 12:07pm UTC](https://forum.kirupa.com/t/js-quiz-hard-regex-global-test-state-leak/680743 "2026-05-06T12:07:30Z")

</div>

What is printed? const re = /a/g; console.log(re.test('a'), re.test('a'), re.test('a')); console.log(re.lastIndex); poll Sora

[Previous page](https://forum.kirupa.com/c/programming/41.md?page=7)

[Next page](https://forum.kirupa.com/c/programming/41.md?page=9)