28 lines
965 B
PHP
28 lines
965 B
PHP
<script src="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/js/tom-select.complete.min.js"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
|
|
<style>
|
|
/* Aggressive visibility for debug */
|
|
.ts-control, .ts-wrapper .ts-control {
|
|
background-color: #ffffff !important;
|
|
border: 2px solid red !important;
|
|
min-height: 50px !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.ts-dropdown {
|
|
display: block !important;
|
|
z-index: 10000 !important;
|
|
background-color: white !important;
|
|
border: 1px solid black !important;
|
|
}
|
|
</style>
|
|
<script>
|
|
window.addEventListener('load', function() {
|
|
document.querySelectorAll('select').forEach(function(el) {
|
|
new TomSelect(el, {
|
|
create: false,
|
|
sortField: { field: 'text', direction: 'asc' }
|
|
});
|
|
});
|
|
});
|
|
</script>
|