What's the equivalent to Select2's DropdownParent: 'body in Choices?

[rgaufman]

I have some elements that are positioned to have a fixed height, etc and trying to use Choices JS the dropdown gets cut off. The solution for that in Select2 was to use DropdownParent: 'body" to make sure such dropdowns are added to body and float nicely above everything else.

How would I achieve something like this with Choices?

[zoglo]

Hey @rgaufman afaik there currently isn't a way to append the dropdown to the body, you can read more about it in the related issues:

• dropdown visibility height #930
• Behaviour of dropout elements on mobile device #1131
• Dropdown parent must be configurable to avoid overflows #1288
• Dropdown - Body appendTo option #1309

[rgaufman]

Ah, that's frustration, I ended up switching to tom-select which has a dropdownParent option which does what I need. Choices JS is great otherwise, but it's too much work to make it work without being able to specify a parent.

[zoglo]

@rgaufman See #1342 for a draft PR implementing this feature. The PR will still require significant adjustments to the CSS because of specificity issues but it's nothing I need right now (as in the next release, maybe I continue this later on 😊)