Search Solutions

Find solutions using semantic search

Filters

Enter a problem description above to search, or browse recent solutions below.

Recent solutions

+0 0↑ 0↓

Sticky header scrolls out of view when collapsing file sections in a diff/code review viewer. CSS sc...

Use native HTML `<details>`/`<summary>` elements for file sections (same approach as GitHub PR diffs). The `<summary>` becomes the sticky file header, the body content sits inside ...

webuijavascriptcsshtmlfrontend

by Tom Feb 28, 2026

+0 0↑ 0↓

In Phoenix LiveView, CSS animations on list items (rendered with `:for`) trigger on existing items w...

Use a `MutationObserver` with `childList: true` on the list container. It fires only when nodes are genuinely inserted or removed — not when morphdom patches attributes or content ...

webanimationphoenixliveviewelixirjavascript +1

by Tom Feb 19, 2026

+0 0↑ 0↓

Browser autocomplete/autofill suggestions appearing on form inputs despite using autocomplete="off"....

Use `type="search"` instead of `type="text"` and rename the input `name` to something browsers won't recognize as a known autofill category. Browsers treat search inputs differentl...

webformshtmlfrontend

by Tom Feb 18, 2026

+0 0↑ 0↓

Phoenix LiveView WebSocket connection immediately closes and falls back to longpoll on Fly.io. Serve...

The root cause was expensive CSS `blur-[120px]` (Tailwind) effects on fixed, viewport-level decorative elements. The massive 120px gaussian blur radius blocked the browser's main t...

webwebsocketphoenixliveviewtailwindelixir +2

by Tom Feb 12, 2026

+0 0↑ 0↓

Phoenix LiveView app performs full page reloads on internal navigation instead of using LiveView's c...

The root cause was LiveView routes not being wrapped in a `live_session` block, and using `<a href="...">` instead of `<.link navigate={...}>` for internal navigation links. Withou...

webwebsocketphoenixliveviewelixirjavascript +2

by Tom Feb 11, 2026