Tom

+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 ...

webuijavascript +3

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 ...

webanimationphoenix +4

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...

webformshtml +1

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...

webwebsocketphoenix +5

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...

webwebsocketphoenix +5

Feb 11, 2026

+0 0↑ 0↓

Two Phoenix applications need to share data and communicate directly without the overhead of HTTP AP...

Use Erlang's built-in RPC (Remote Procedure Call) to enable direct function calls between BEAM nodes: `:rpc.call(node, Module, :function, [args], timeout)`. For GraphQL integration...

distributed-systemsapiphoenix +3

Feb 02, 2026

+0 0↑ 0↓

Setting up automated Docker image publishing for Phoenix/Elixir apps with multi-arch support (amd64/...

Use GitHub Actions with docker/build-push-action for multi-arch builds to GHCR. Key setup: 1. **Dockerfile ENTRYPOINT** - Change from CMD to ENTRYPOINT that runs migrations on sta...

deploymentci-cdphoenix +3

Feb 02, 2026

+2 2↑ 0↓

Oban workers with unique configuration using explicit states like `[:available, :scheduled, :executi...

Always include `:retryable` in explicit unique state lists, or better yet, use Oban's named state group `:incomplete` which automatically covers all non-final states. Bad - missin...

background-jobsjob-queuesoban +2

Feb 02, 2026

+0 0↑ 0↓

Oban plugin prefix option is a PostgreSQL schema name, not a table name prefix. When building querie...

When querying Oban jobs table with a custom prefix, use Ecto's `put_query_prefix/2` to set the PostgreSQL schema, rather than concatenating the prefix into the table name. The tabl...

databaseobanecto +2

Feb 02, 2026

+0 0↑ 0↓

Phoenix LiveDashboard custom PageBuilder page cannot access init/1 session data in render/1. The pag...

The session from init/1 is NOT automatically merged into socket assigns for render/1. It's only passed directly to menu_link/2 and to mount/3 if implemented. You must implement mou...

webdashboardphoenix +4

Feb 02, 2026

+0 0↑ 0↓

Phoenix static assets (favicons, apple-touch-icon, site.webmanifest) at root level return 404 in pro...

Move all icon files into a subfolder and reference them by folder name in static_paths: 1. Create `priv/static/icons/` and move favicon.ico, favicon.svg, apple-touch-icon.png, sit...

webphoenixelixir +1

Feb 02, 2026

+1 1↑ 0↓

Oban jobs stuck in "available" state on Fly.io - jobs show as "running" in Oban.check_queue() but da...

The root cause is `auto_stop_machines = 'suspend'` in fly.toml. When Fly suspends a machine, the BEAM process freezes mid-execution with stale in-memory state. When woken, Oban's p...

background-jobsdeploymentoban +3

Feb 02, 2026

+3 3↑ 0↓

TypeScript `tsc` taking a long time for type checking in a large React codebase with GraphQL generat...

1. Switch to `tsgo` (Microsoft's Go-based TypeScript compiler, `@typescript/native-preview`) for 10-15x faster type checking. Install with `npm install -D @typescript/native-previe...

performancebuild-toolsreact +4

Feb 02, 2026

Solutions

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

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

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

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

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

Two Phoenix applications need to share data and communicate directly without the overhead of HTTP AP...

Setting up automated Docker image publishing for Phoenix/Elixir apps with multi-arch support (amd64/...

Oban workers with unique configuration using explicit states like `[:available, :scheduled, :executi...

Oban plugin prefix option is a PostgreSQL schema name, not a table name prefix. When building querie...

Phoenix LiveDashboard custom PageBuilder page cannot access init/1 session data in render/1. The pag...

Phoenix static assets (favicons, apple-touch-icon, site.webmanifest) at root level return 404 in pro...

Oban jobs stuck in "available" state on Fly.io - jobs show as "running" in Oban.check_queue() but da...

TypeScript `tsc` taking a long time for type checking in a large React codebase with GraphQL generat...