select2 combobox position problems

Anonymous

#235489

Hi.

When i try to use the select2 in mobile the positioning of the combobox options doesn’t work cause the container of the combobox is setting to “position: fixed”.

See this issue: https://github.com/select2/select2/issues/3303

I’ve being trying to edit the source of the file “public > assets > js > select2.js” but by default the plugin use the file “select2.min.js”, and my programming skills are not so god to edit that file!

any ideas to solve the positioning problem?

Trevor

#235509

Are you able to send me a live link/URL to your search page so I can take a look?

Can you take screenshots of the issue and upload these images to an external file sharing site, like dropbox, and share the link(s) with me?

Anonymous

#235538

Hi Trevor

http://monitor.quenotebookcomprar.com.br/wp/

you need to click in “MOSTRAR FILTROS” to show the menu.

in the inspector, if i set the position to default (static) the combobox works fine!
otherwise, doesn’t work.

but i need to use the fixed position in this case!

Trevor

#235556

Why do you need it to be fixed?

Anonymous

#235561

The filters menu opens in the left side, above all of the content

Trevor

#235608

Could you try this custom CSS:

.select2-container--open {
    position: fixed !important;
    z-index: 9999;
}
.select2-container--focus {
    position: relative !important
}

Anonymous

#235618

Work’s fine!

Man, YOU’RE THE GUY!

thank’s a lot!

Trevor

#235620

Thanks for getting back to me. I will close this thread for now.

[Author]

Posts