SPA: Date Range Picker Breaks Show Model Button

OS info

Problem description

I have a page with an a table list of database entries with an additional column with an update button.

The update button is set to open the update modal when clicked and retrieve the details of the update form.

The button works as expected and opens the modal with the update form without the date range picker.

When the date range picker is added to a field within the update form, the button no longer functions.

NOTE: The functionality works within Wappler using Preview, but not on a live site.

Code to include the components appear on the parent page

Code on the child page includes references to the components on the parent page.

Live server shows component files already uploaded

Steps to reproduce

  1. Create an SPA with a routed page.
  2. On the routed page, create a container with a button inside the container.
  3. Create a second container below the first container with a dynamic modal inside it.
  4. Add a form to the dynamic modal with a simple text input.
  5. Add a Dynamic Event to the button in the first container. (Click > Show Modal)
  6. Test. Modal opens as expected.
  7. Open form inside the modal and change text input to a date ranger picker.
  8. Test. Modal no longer opens as expected when clicking on the button.

NOTE: The functionality works within Wappler using Preview, but not on a live site.

Community Page
Last updated: