当我开始编译表单时，导航栏消失了7

Question

我有一个奇怪的问题……当我开始编译表单时，导航栏会慢慢开始逐渐消失，直到完全消失。如果我使用键盘上的选项卡从一个输入移到另一个，则行为相同。我不明白原因……它与表格相同。.我对另一个表格也有同样的问题。 我以为可能是一个div没有关闭。我检查了代码，但似乎正确...但是我不知道另一个可能的原因

这是我的html页面

<div data-name="users-add" class="page">

  <div class="page-content pg-no-padding">

    <div class="row justify-content-center">
      <div class="col-100 tablet-auto desktop-80">
        <div class="block">
          <form class="list" id="form-add-user">

            <div class="row justify-content-center">
              <div class="col-100 tablet-auto desktop-80">
                <div class="row justify-content-center">
                  <h2> Add User</h2>
                </div>

                <div class="card">
                  <div class="card-content card-content-padding">
                    <div class="row justify-content-center margin padding">Compile...</div>
                    <div class="row">
                      <div class="col-100 tablet-auto desktop-auto">
                        <div class="list no-hairlines-md">
                          <ul>
                            <li class="item-content item-input">
                              <div class="item-inner">
                                <div class="item-input-wrap">
                                  <div class="item-title item-label">Nome</div>
                                  <input type="text" placeholder="" name="first_name">
                                  <span class="input-clear-button"></span>
                                </div>
                              </div>
                            </li>
                            <li class="item-content item-input">
                              <div class="item-inner">
                                <div class="item-title item-label">Surname</div>
                                <div class="item-input-wrap">
                                  <input type="text" placeholder="" name="last_name">
                                  <span class="input-clear-button"></span>
                                </div>
                              </div>
                            </li>
                            <li class="item-content item-input">
                              <div class="item-inner">
                                <div class="item-title item-label">Email</div>
                                <div class="item-input-wrap">
                                  <input type="email" placeholder="" name="email">
                                  <span class="input-clear-button"></span>
                                </div>
                              </div>
                            </li>
                            <li class="item-content item-input">
                              <div class="item-inner">
                                <div class="item-title item-label">Password</div>
                                <div class="item-input-wrap">
                                  <input type="password" placeholder="" name="password">
                                  <span class="input-clear-button"></span>
                                </div>
                              </div>
                            </li>
                            <li class="item-content item-input">
                              <div class="item-inner">
                                <div class="item-title item-label">Confirm password</div>
                                <div class="item-input-wrap">
                                  <input type="password" placeholder="" name="password_confirm">
                                  <span class="input-clear-button"></span>
                                </div>
                              </div>
                            </li>

                            <li class="item-content item-input">
                              <div class="item-inner">
                                <div class="item-title item-label">Phone</div>
                                <div class="item-input-wrap">
                                  <input type="tel" placeholder="" name="phone">
                                  <span class="input-clear-button"></span>
                                </div>
                              </div>
                            </li>

                            <li class="item-content item-input">
                              <div class="item-inner">
                                <div class="item-title item-label">Name Company</div>
                                <div class="item-input-wrap">
                                  <input type="text" placeholder="" name="company">
                                  <span class="input-clear-button"></span>
                                </div>
                              </div>
                            </li>
                          </ul>
                        </div>
                        <!--list-->
                      </div>
                      <!--col-->
                    </div>
                    <!--row-->
                    <div class="row justify-content-center margin padding">Role</div>
                    <div class="row">
                      <div class="col-100 tablet-auto desktop-auto">
                        <div class="list no-hairlines-md">
                          <ul>
                            <li>
                              <label class="item-radio item-content">
															<input type="radio" name="id_user" value="1" checked />
															<i class="icon icon-radio"></i>
															<div class="item-inner">
																<div class="item-title"> Superadmin </div>
															</div>
														</label>
                            </li>

                            <li>
                              <label class="item-radio item-content">
															<input type="radio" name="id_user" value="2" />
															<i class="icon icon-radio"></i>
															<div class="item-inner">
																<div class="item-title"> Profile A </div>
															</div>
														</label>
                            </li>

                            <li>
                              <label class="item-radio item-content">
															<input type="radio" name="id_user" value="3" />
															<i class="icon icon-radio"></i>
															<div class="item-inner">
																<div class="item-title"> Profile B </div>
															</div>
														</label>
                            </li>
                          </ul>
                        </div>
                        <!--list-->
                      </div>
                      <!--col-->
                    </div>
                    <!--row-->

                    <div class="block margin padding">
                      <div class="row">
                        <div class="col">
                          <a class="button button-fill" onclick="addUser()">Save</a>
                        </div>
                      </div>
                      <!-- ./ block - save button -->
                    </div>
                    <!-- ./ block -->
                  </div>
                  <!--card-content-->
                </div>
                <!--.card-->
              </div>
              <!--.col-->
            </div>
            <!--.row-->
          </form>
        </div>
        <!-- ./ block -->
      </div>
      <!--.col-->
    </div>
    <!-- .row-->

  </div>
  <!-- ./ page-content -->