'Bootstrap-Select stops display options when there's too many values

I'm using bootstrap-select to collect data from the database and display them in a list.

It appears that when there are too many values, they stop loading after a certain amount of time scrolling.

They also mess up the width / height of the dropmenu scrollbox when there's too much data to display.

Any ideas?

<div class="form-group col-md-12">
  <p class="fbsCMS_Label" style="margin-left: 5px">Replacing</p>
     <select class="selectpicker" name="replacing" data-live-search="true" data-container=".main-content" required>
        <?php
            $Document_Name_Qry = $con->prepare("SELECT * FROM `fbs_documents_data` WHERE `visible`=?");
            $Document_Name_Qry->execute(["Yes"]);
              while($Document_Name = $Document_Name_Qry->fetch()) {

                echo '
                    <option data-tokens="'.$Document_Name->name.'">'.$Document_Name->name.'</option>';
                }
            ?>
        </select>
      </div>

enter image description here

htmlcssbootstrap-selectbootstrap-selectpicker


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions