How to use selectize in Editor?

Bernbacher

I try to integrate selectize in Datatable Editor, but get an empty dropdown (for the field 'position'), if I click on edit.
You can try it here:
http://benilenk.de/datatable-selectize/
http://debug.datatables.net/enoqap
What am I doing wrong?

Bernbacher

Has nobody an idea? Or am I not clear with the explanation?
If I click on a row in the datatable and click on the edit-Button the editor opens and I get for the field position a dropdown styled by selectize, but there are no options.

allan

Hi,

Thanks for your question.

Has nobody an idea? Or am I not clear with the explanation?

Your question was fine (thanks for the links) - I just need a little longer than 15 hours to reply sometimes, particularly when it takes half an hour to figure out what is going wrong! .

It actually is working in your example, but it just is hidden behind the modal! The Bootstrap modal has a z-index of 1050, but Selectize's z-index is 102.

Add:

div.selectize-dropdown {
    z-index: 1051;
}

to the CSS and it will show as expected.

I'll update the Editor plug-in to allow for this in Bootstrap.

Allan

Bernbacher

Thank you Allan! I didn't see the options in the source code at all. Now it works, thank you so much!
And sorry, I didn't want to stress you, you do an awsome job with all your knowledge and help for us "unawares".