Skip to content

[Bug]: Embedded App does not start when it contains Navigation component #2149

@PimDev69

Description

@PimDev69

Is there an existing issue for this?

  • I have searched the existing issues

Current Behavior

It is possible to embed a (public) App in an html-page, such a index.html, to use this as a loader for the application. This was tested and working according this instruction:
https://docs.lowcoder.cloud/lowcoder-documentation/publish-apps/embed-an-app/embed-app-in-html-pages and with the following index.html:

INDEX.html

This works fine in almost all cases, but NOT when the App contains a Navigation component, such as the standard navigation menu in the Page layout. I have tested this with the attached NAV-APP test-App, which is a very empty App that contains just the Page layout component with the horizontal navigation menu - see screenshot below:

NAV-APP.json

Image

When opening the index.html file in the browser, nothing happens because the App does not start. As a cross-check, I removed only the Navigation component from the Page layout and then the App does correctly start via the html-loader.

NOTE: The App does correctly start as Native App via the the link https://app.lowcoder.cloud/apps/69e9d9a1c766d0690c300e12/view but only fails when starting as embedded App via the index.html.

Expected Behavior

It should not matter if the App does or does not contain a Navigation component - in both cases it should be possible to start the App embedded in an html-file. So, in my test-example, the index.html should correctly start the NAV-APP as embedded application.

Steps to reproduce

  1. Create a test-App with just the Page layout component, that contains the horizontal navigation menu.
  2. Publish this App and verify that it starts correctly.
  3. Create an index.html that embeds the published App.
  4. Opening this index.html will not start the App as long as it contains the horizontal navigation menu.
    So, this is the bug that needs to be fixed, so that the App will start correctly.

Environment

I have tested this in Lowcoder Cloud - but the problem als happens in the self-hosted Lowcoder.

Additional Information

Refer to the attached files to easily reproduce the problem!

And refer to this Discord messages for more background:
https://discord.com/channels/1096896040159957084/1495746895283224837

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions