Как сделать, чтобы выпадающий список учитывал расположение и масштаб экрана и открывался вариативно сверху или снизу?
Есть выпадающий список, по нажатию на который раскрывается. Так как поле со списком может находится как сверху экрана, так и снизу, есть потребность в учете расположения списка и размера экрана так, чтобы список открывался либо вверх, либо вниз
Берете offsetHeight списка и элемента (я так понимаю это кастомный селект) и контейнера в котором он находится. Соответственно ловите на экране расположение самого элемента. Высчитываете отступ сверху от высоты контейнера. Затем когда появляется список берете разницу между его высотой и расстояние снизу от контейнера до элемента, и прибавляете эту разницу к списку, например таким способом: transform: `translateY(${offset}px)`
Простой
