Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$ 
select2 options menu opened in a bad location
I am trying to use select2 but the options menu opened on the side of my select (and not under it).
* Don't know if it's related but I'm working on RTL version
* It's happens in and out of model
Replies (3)
Like I said It's happens not only in a model.
I found the solution (the problem is in the RTL version), I add this line to my CSS file:
.select2-container--open .select2-dropdown { transform: translate(100%, 0); }
Hi,
Thanks for sharing this solution. We will double-check it for the RTL version.
Regards.
Hi,
To use the Select2 controls inside Modal you will need to use a special attribute data-dropdown-parent="#kt_modal_1" to bind the Select2 to the Modal as explained here.
Regards.
