[BUG] Formio dialog and flatpickr are not being destroyed after leaving the builder

[celu]

Environment

• Hosting type
  • [] Form.io
  • [x] Local deployment
    • Version:
• Formio.js version: 5.2.0
• Frontend framework: Angular 18
• Browser: Chrome

Steps to Reproduce

1. Enter in formio builder
2. Open a modal (ex: editing a component)
3. Leaving the form without closing the modal (In our case, is a login redirection that happens when user becomes inactive)
4. Once redirected the modal html keeps displaying while the component shoul've been destroyed.

Expected behavior

All rendered html elements including flatpickr and formio modals should be destroyed once the angular component is destroyed.

Observed behavior

We've observed through an html inspection that both flatpickr and formio-dialog are still present in the html outside the main angular

Example

Modal after redirection (should be destroyed):

Html:

[lane-formio]

Thank you, I've created a ticket for the backlog.

After review, we don't expect to resource a developer to investigate this in the near future but would be happy to review any contributions to resolve this behavior.

For internal reference: FIO-10529