Does egui support embedding in an existing web application?

[FelixZY]

Flutter supports two different modes on web, "Full page mode" and "Embedded" mode: https://docs.flutter.dev/platform-integration/web/embedding-flutter-web

The former makes Flutter take control of the entire browser window whereas the latter allows Flutter code to run inside a div alongside other non-Flutter content.

Placing egui in a specific container seems straightforward:

egui/web_demo/index.html

Line 169 in 93c06c3

handle.start(document.getElementById("the_canvas_id")).then(on_app_started).catch(on_error);

However, I would like to know if embedding an egui application in e.g. a react application like this is formally supported? Can I run multiple egui applications in parallel in a single non-egui web application or will this cause problems?

[lucasmerlin]

It's definitely supported, see https://www.egui.rs/multiple_apps.html for a basic example of two egui apps running in the same page.

Some things might be a bit awkward, like you won't be able to scroll the outer app when hovering the egui canvas (at least not without workarounds) and tabbing focus might be weird.

[BKSalman]

Is there a good way to communicate with the embedded egui application from the main web application?