Tree view and Inputs

Expected behavior I'm using a "Tree view" plugin, and when I add a div with an input, the input does not populate what I'm trying to enter. Actual behavior Nothing, the input acts like nothing is being inputted. Resources (screenshots, code snippets etc.)

              <div>
                <h4 class="text-start">Pages</h4>
                <div class="treeview text-start" id="role-options-tree">
                  <ul>
                    <!-- Home Tab -->
                    <li>
                      <div class="row parent-item">
                        <div class="col-auto">
                          <span>
                            <a class="parent-trigger">Home</a>
                          </span>
                        </div>
                        <div class="col">
                          <div class="form-check form-switch">
                            <input
                              class="form-check-input"
                              type="checkbox"
                              role="switch"
                              id="homePageSwitch" />
                            <label
                              class="form-check-label text-muted"
                              for="homePageSwitch"
                              >Allow</label
                            >
                          </div>
                        </div>
                      </div>
                      <ul class="dropdownGroup itemsDisabled">
                        <li>
                          <div class="row d-inline-flex">
                            <div class="col-auto">Download Limit</div>
                            <div class="col-auto">
                              <input
                                id="downloadLimitInput"
                                type="number"
                                style="width: 100%"
                                class="custom-input" />
                              <div class="form-helper">
                                Resets on the 1st of every month.
                              </div>
                            </div>
                            <div class="col-auto form-check form-switch">
                              <input
                                class="form-check-input input-child"
                                type="checkbox"
                                role="switch"
                                id="downloadLimitSwitch" />
                              <label
                                class="form-check-label text-muted"
                                for="downloadLimitSwitch"
                                >OFF</label
                              >
                            </div>
                          </div>
                        </li>
                      </ul>
                    </li>

....//other code continues...