FG UI Development Laboratory

Dynamic API

Test dynamically inserted FG UI content and the real public FGUI.init(root) API.

Live FGUI-DEV
TEST-ONLY JAVASCRIPT ACTIVE: test-only/TEST-ONLY-dynamic-init.js.

This tiny Laboratory script only injects test markup and calls the real FGUI.init(root) / public API. It does not style, repair or replace FG UI.

TEST-ONLY EXCEPTION.

The buttons on this page are wired by TEST-ONLY-dynamic-init.js because static HTML cannot prove that newly inserted markup can be initialised after page load.

Dynamic insertion

Click the button. The TEST-ONLY script inserts an FG UI autocomplete and repeatable field, then calls the real current FGUI.init(root).

Waiting for test action

What counts as success?

  • Injected controls use normal FG UI styling from live fgui.css.
  • Autocomplete opens and filters after dynamic initialisation.
  • Repeatable Add/Remove works after dynamic initialisation.
  • The toast is created by the real FGUI.toast() API.
  • Calling FGUI.init(root) repeatedly does not duplicate behaviour.
  • Late carousel/gallery/repeatable/reorder children work after the parent was already initialised.