I want to make a select using https://tom-select.js.org/ and when I give it the options it only shows me some of them
new TomSelect("#select", {
create: true,
sortField: {
field: "text",
direction: "asc",
},
});<div class="col-md-6 pb-4">
<div class="d-flex">
<select id="select" placeholder="Law Area..." autocomplete="off" style="width:500px">
<option value="">Law Area</option>
<option value="Advertising & Product Regulatory">Advertising & Product Regulatory</option>
<option value="Banking & Finance">Banking & Finance</option>
<option value="Banking Litigation">Banking Litigation</option>
<option value="Blockchain & Smart Contracts">Blockchain & Smart Contracts</option>
<option value="Capital Markets">Capital Markets</option>
<option value="Charities & Not-for-Profits">Charities & Not-for-Profits</option>
<!-- -----CUT FOR SIZE----- -->
<option value="Data Privacy & Protection">Data Privacy & Protection</option>
<option value="Business Law">Business Law</option>
<option value="Conveyancing & Support">Conveyancing & Support</option>
<option value="Immigration Law">Immigration Law</option>
<option value="Personal Injury">Personal Injury</option>
<option value="Wills & Trust, Estate">Wills & Trust, Estate</option>
<option value="Planning, and Probate">Planning, and Probate</option>
</select>
</div>
</div>Is there any limit of how many elements you can add in ?
In conclusion there is a limit in tom-select set maxOptions to null and it works