Переключатель UiKit с формой не отправит

Question

Я использую переключатель UIKit для навигации по одной странице через меню. Он скрывает все <li>, за исключением <li>, по которому щелкнули, который получает тег uk-active (я вижу это в devtools). У меня есть регистрационная форма в одном из этих <li>, и она не будет отправлена, если я не добавлю тег uk-active к этому <li> в своей среде IDE.

Есть ли способ заставить эту форму отправляться без добавления тега uk-active к моему html? Это вызывает проблемы с тегом uk-active.

<ul class="uk-tab" data-uk-tab="{connect: #my-id}">
    <li><a href="" onclick="UIkit.tab('#my-id').show(0); UIkit.offcanvas('.uk-offcanvas').hide();"><span uk-icon="home"></span> Home</a></li>
    <li><a href="" onclick="UIkit.tab('#my-id').show(1); UIkit.offcanvas('.uk-offcanvas').hide();"><span uk-icon="file-edit"></span> Register</a></li>
    <li><a href="" onclick="UIkit.tab('#my-id').show(2); UIkit.offcanvas('.uk-offcanvas').hide();"><span uk-icon="sign-in"></span> Login</a></li>
</ul>

<ul id="my-id" class="uk-switcher uk-margin">
    <li><a href="#" id="autoplayer" data-uk-switcher-item="next"></a>
        <div style="text-align: center;">
            <button id="geobtn" class="uk-button uk-button-primary" onclick="initMap(); document.getElementById('geobtn').style.display= 'none';">Enable Geolocation</button>
        </div>
        <div id="mapholder"></div>
    </li>
    <li>
        <div class="wrap">
            <form action="./controller/registration.php" method="POST">
                <legend class="uk-legend">Register</legend>
                <input type="text" class="uk-input" name="fName" placeholder="First Name">
                <input type="text" class="uk-input" name="surname" placeholder="Surname">
                <input type="email" class="uk-input" name="email" placeholder="Email">
                <input type="password" class="uk-input" name="password" placeholder="Password"><br>
                <input type="password" class="uk-input" name="password2" placeholder="Confirm Password"><br>
                <button type="submit" class="uk-button uk-button-primary">Submit</button>
            </form>
        </div>
    </li>







    <ul class="uk-tab" data-uk-tab="{connect: #my-id}">
            <li><a href="" onclick="UIkit.tab('#my-id').show(0); UIkit.offcanvas('.uk-offcanvas').hide();"><span uk-icon="home"></span> Home</a></li>
            <li><a href="" onclick="UIkit.tab('#my-id').show(1); UIkit.offcanvas('.uk-offcanvas').hide();"><span uk-icon="file-edit"></span> Register</a></li>
            <li><a href="" onclick="UIkit.tab('#my-id').show(2); UIkit.offcanvas('.uk-offcanvas').hide();"><span uk-icon="sign-in"></span>   Login</a></li></ul>

<ul id="my-id" class="uk-switcher uk-margin">
    <li><a href="#" id="autoplayer" data-uk-switcher-item="next"></a>
          <div style="text-align: center;">      
            <button id="geobtn" class="uk-button uk-button-primary" onclick="initMap(); document.getElementById('geobtn').style.display= 'none';">Enable Geolocation</button>
          </div>
          <div id="mapholder"></div>    
        </li>
        <li>
          <div class="wrap">
            <form action="./controller/registration.php" method="POST">
              <legend class="uk-legend">Register</legend>
                <input type="text" class="uk-input" name="fName" placeholder="First Name">
                <input type="text" class="uk-input" name="surname" placeholder="Surname">
                <input type="email" class="uk-input" name="email" placeholder="Email">
                <input type="password" class="uk-input" name="password" placeholder="Password"><br>
                <input type="password" class="uk-input" name="password2" placeholder="Confirm Password"><br>
                <button type="submit" class="uk-button uk-button-primary">Submit</button>
            </form>  
          </div> 
        </li>