← Playground index

AjaxUpdateContainer (baseline)

The simplest morph test: a counter you bump via an update link. Two side-by-side containers - one morphing, one classic - share the same counter, so you can compare the two update mechanisms directly. (Note: morph mode is fixed per container at render; a runtime toggle is intentionally avoided - see the testing notes.)

Morphing container (morph="$true")

Count: 0

data-morph reflects the binding (see DOM).

Increment (morph)

Classic container (morph="$false")

Count: 0

Same counter, classic innerHTML replacement.

Increment (classic)

Default container (no morph binding)

No morph binding at all - this reflects the framework default (MORPH_BY_DEFAULT).

Count: 0

data-morph reflects the global default.

Increment (default)