Not redirecting after form submit

Wappler General Need Help
4

Wappler Version: 3.5.5
Operating System: Mac Big Sur
Server: PHP
Hosting: Local Docker

I have actually ran into this issue myself and I am quite baffled :frowning:

The server action works when opened in the browser, so I do not think it is a server connect issue.

My login page is quite basic but it does use Redirect to intended URL after login with a default to the dashboard page.

The issue is the form is not redirecting on success as intended.

Here is the page code:

<!doctype html>
<html>

<head>
    <meta name="ac:route" content="/login">
    <base href="/pages/">
    <script src="/dmxAppConnect/dmxAppConnect.js"></script>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
    <script src="/js/jquery-3.4.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" integrity="sha256-CutOzxCRucUsn6C6TcEYsauvvYilEniTXldPa6/wu0k=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/bootstrap/4/css/bootstrap.min.css" />
    <script src="/dmxAppConnect/dmxFormatter/dmxFormatter.js" defer=""></script>
    <script src="/dmxAppConnect/dmxBrowser/dmxBrowser.js" defer=""></script>
</head>

<body is="dmx-app" id="login">
    <div is="dmx-browser" id="br"></div>
    <form is="dmx-serverconnect-form" id="scf_login" method="post" action="../dmxConnect/api/login/facebook.php" dmx-generator="bootstrap4" dmx-form-type="horizontal" dmx-on:success="br.goto(query.r.default('dashboard'))">
        <button id="btn1" class="btn btn-primary btn-lg" type="submit"><i class="fa fa-facebook"></i>&nbsp; Login with Facebook</button>
    </form>

    <script src="/bootstrap/4/js/popper.min.js"></script>
    <script src="/bootstrap/4/js/bootstrap.min.js"></script>
</body>

</html>

Things I looked at:

  1. Server connect works in browser
  2. Project settings > Links Relative To = Site Root
  3. Routing setup correctly for /login and /dashboard
  4. Button in form is set to submit
  5. Browser component is in the < head > tag

Any ideas as to why the page might not redirect on successful completion of the server connect?