Hi,
https://preview.keenthemes.com/html/metronic/docs/forms/select2#group
There are 3 items in each group in the above example.
If I have more than 6 items (>= 7) in a group, a nested scrollbar will appear which cause a few difficulties for scrolling. Actually, ONLY ONE scrollbar is enought and perfect to scroll.
Could you take a look?
Thanks
Below Code is Work For Me.
ul.select2-results__options[role="group"] {
max-height: none !important;
overflow-y: unset !important;
}
<style>
ul.select2-results__options {
max-height: none!important;
overflow-y: unset!important;
}
ul.select2-results__options[role="listbox"] {
max-height: 250px!important;
overflow-y: auto!important;
}
</style>
Thanks... adding this to our style.bundle.css did the trick! I hate that they always want us recompiling our assets folder. No thank you.
Hi,
Good spot. We just fixed this bug and the fix will be included in the next update Metronic v8.1.9.
You can apply this quick fix by changing the code in line 321 in src/sass/vendors/plugins/_select2.scss
:
// Options
.select2-results > .select2-results__options {
max-height: 250px;
overflow-y: auto;
}
I had same issue, tried to paste above scss code but vscode gives me error saying: } expected scss(css-rcurlyexpected)
Then just copied css code given below by Ahmet. It worked.
Thank you all!