← Playground index

Observer / request accumulation

The danger: a registration script inside a morphed container re-runs on every update against preserved DOM, stacking observers so the Nth interaction fires N requests. Test: drive an update repeatedly and count the requests ONE interaction fires - it must stay flat.

Variant A - explicit trigger (deterministic)

Each "bump" click should fire exactly one request, no matter how many times you have already bumped.

Update count: 0

Bump (morph this container)

Variant B - observe field (real-world case)

Changing the field (blur/Tab) morphs the container below. Repeated changes must not stack observers - each change should fire one request.

Observed-change count: 0