Skip to content

[Bug]: Timer not working in Embedded App #2153

@PimDev69

Description

@PimDev69

Is there an existing issue for this?

  • I have searched the existing issues

Current Behavior

I have developed my App with a Timer component to show a modal with welcome message only during a few seconds after startup. This works perfect with a countdown-timer in the native App, but not when using it as embedded App in an html-file. In order to illustrate the bug, I have created the test-App TimerApp.json:

TimerApp.json

This App also has the Timer component (timer1), which is started in countdown-mode after startup with the JS-query "Startup". And besides that, the timer1 can also be reset and started with the button - see screenshot below:

Image

This test-App works fine as native App, with the following link:
https://app.lowcoder.cloud/apps/69ed1824c766d0690c3018f2/view

However, when using it as embedded App in TimerApp.html, I get the error “Startup run failed: {"code":"QUERY_EXECUTION_ERROR","message":"timer1.start is not a function"}” and the timer1 does not work - also not when restarting manually with the button - see screenshot below:

TimerApp.html

Image

Expected Behavior

It should not matter if the App runs as native App, or embedded in an html-file - in both cases the Timer-component should work correct and identical.

Steps to reproduce

  1. Create a test-App with the Timer-component and start the timer after application startup.
  2. Publish this App and verify that the timer starts correctly.
  3. Create an html that embeds the published App.
  4. Opening this html will launch the App but reports an error on the Timer-component.
    So, this is the bug that needs to be fixed, so that the Timer can be used correctly in embedded mode.

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/1497689344993923113

NOTE that there seems to be a strong relation with the earlier reported Bug #2149, because this also only happens when the App is embedded in html. So, if possible it would be nice to fix them both, so that native and embedded Apps work identical!

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