Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI 
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="https://i.hizliresim.com/9ruiv3p.jpg" />
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
