Source: https://meta.remarkbox.com/d103a9b2-04f6-11f1-a7d5-040140774501 Snapshot: 2026-05-09T12:03:50Z Generator: Remarkbox 763cacb This is a subthread snapshot. The living document lives at the source URI above — it may have been edited, extended, or replied-to since.

Session Update: Feb 8, 2026

AJAX Comment Submission & Live Preview

Remarkbox now uses capability-driven presentation for comment submission. When JavaScript is available, comments are submitted via AJAX and inserted into the page without a full reload. When JS is disabled, the form falls back to the standard POST + redirect.

What shipped:

• AJAX comment submission — replies are submitted via fetch, server returns pre-rendered HTML (using the same Jinja2 macros as page render), and the new comment is inserted into the correct position with a smooth scroll + highlight animation
• Live preview with avatar — as you type, the preview shows your avatar, display name, and "just now" timestamp, styled like an actual comment. The avatar is created via DOM API to avoid browser rendering quirks with images in hidden containers
• Static JS cache busting — custom.js?v={git_hash} prevents stale JavaScript after deploys
• Server-side node rendering — new ajax_node.j2 template mirrors the show-node.j2 loop body, ensuring AJAX-inserted comments are pixel-perfect matches of server-rendered ones (same avatar, author, timestamp, action buttons, edit/reply forms)
• Preview state persistence — preview show/hide preference is saved in localStorage and respected on AJAX-inserted nodes

Root cause of invisible preview avatar (5 attempts to fix!): The dynamic CSS sets .nested-avatar { margin-left: -48px } to create a hanging indent into .node { padding-left: 48px }. Inside the preview container (no matching padding + overflow: hidden), the avatar was pushed off-screen. Fix: use plain .avatar class for preview avatars.

All 449 tests pass. All 14 tracked tickets (T0-T13) remain resolved.

Source: https://meta.remarkbox.com/d103a9b2-04f6-11f1-a7d5-040140774501
Snapshot: 2026-05-09T12:03:50Z
Generator: Remarkbox 763cacb