This is an advanced guide for variant-app behavior (Swatch King and similar apps). For the standard end-to-end troubleshooting flow, start with Fix Size Chart Disappearing After Variant or Swatch Selection.
Variant apps like Swatch King, Bold Options, and custom scripts can dynamically rebuild variant sections. When this happens, elements are removed and recreated, which can affect where Kiwi is rendered.
Why variant apps cause placement instability
Variant blocks are re-rendered after selection changes.
DOM nodes can be destroyed and replaced with new nodes.
Previously injected content can disappear if placed inside dynamic containers.
If Kiwi is injected into one of those dynamic zones, the chart may disappear, duplicate, jump position, or trigger script conflicts.
Important: These are usually theme/app DOM lifecycle issues, not basic selector syntax mistakes.
Known behaviors in Swatch-style variant apps
Full replacement of variant HTML blocks
Variant inputs generated dynamically
Event-driven DOM destruction and recreation
Multiple variant blocks sharing similar classes
Because of this, inline placement inside variant controls is fragile.
Required placement rules for variant-app stores
Do
Place the size chart outside variant-rendering containers.
Use Kiwi App Block when possible.
Prefer placement either below the full-variant section or above Add to Cart.
Use modal display fallback when inline placement is unstable.
Do not
Inject inside swatch/radio markup that reloads on variant change.
Inject directly into app-generated variant nodes.
Rely on highly dynamic IDs/classes as primary anchors.
Selector strategy (advanced)
Target a static parent container that exists on initial load.
Avoid nodes created only after variant events fire.
Use stable classes first, then positional pseudo-classes only when needed.
Re-test after variant switching to confirm persistence.
If the chart disappears after variant changes, the placement still targets a dynamic container.
Use this article for
DOM and architecture-level debugging
Variant-app compatibility edge cases
Advanced selector placement decisions