New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs 
Select2 Overflow usage problem
Hi,
I'm Having A Problem With Select2 Overflow,
Where I Use Select2 I Have a Height Constraint
<style>
.select2-selection--multiple {
max-height: 100px;
overflow-y: auto;
}
</style>I Fill Select2 Content with JS append
I Fill Only About 50 Data
<img src=" />
The Scroll Area Shows 23 Records Below It Does Not Show The Top Records, It's As If The Area Is Centered
How Can I Solve This Problem?
Replies (3)
Hi,
Sorry for the late reply. Please try to use the below code to set a scrollable height to the multiple results container:
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered {
max-height: 100px;
overflow-y: auto;
}Regards
Hi,
Thanks for your feedback. Noted, we will check this further and get back to you as soon as possible. Could you please let us know your Metronic version ?
Regards.
Hi,
Metronic Theme 7 v8.1.1
