CODE EXAMPLE FOR JAVASCRIPT

How to determine dropdown should show upward or downward direction

let style = 'bottom';
let element = document.getElementById('myId');
if (window.innerHeight - element.getBoundingClientRect().bottom < element.scrollHeight){
     style = 'top'
}