I have an angular-chosen multi-select element at the bottom of a form and want to make it a dropup box, not a dropdown box. Angular-chosen does not seem to have a dropup option.
The html produced by the select element is as follows:
<select multiple chosen>
<div class="chosen-container chosen-container-multi">
You can set the bottom of your
chosen-drop's position to a formula whenever your parent div might grow in size by calculating the difference on the fly using calc() in css:
bottom: calc(100% - px);
The 100% indicates how much of the parent div's height you want to subtract from, and px is the amount of padding you want to add above the "bottom" of your div (in pixels). You can use calc for simple calculations which I think is a nifty feature added to css3.
In your case you want your
chosen-drop div to be right at the top of it's parent, (which is the full height of the div):