Select2 optgroup scroll problem

I would like to use select2 with optgroup however current user experience is not usable.
As you can see in the link, every optgroup has own seperated scroll (scroll2) and also option wrapper has own scroll (scroll1). In the select2 demo (https://select2.org/appearance#labels) does not like this. Do you have an any suggestion to use select2 optgroups without group scrolls like select2 demo?

Current SS: https://imgur.com/Juxaemy
Expected SS: https://imgur.com/e4EtsPn
POC Code: https://pastebin.pl/view/b1809022
Version: Metronic: v8.0.38

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (0)