Как сделать умное позиционирование выпадающего списка в окне браузера?

Question

[Pit]

Всем привет! Мне нужно решить проблему с выпадающим списком, сейчас у меня может быть вот так
То есть блок выпадающий выходит за грань браузера, а мне нужно чтобы если он доходил до края слева или справа то умно позиционировался, подстраевался так чтобы он не выходил за браузер и был виден. Кто-то знает решиние ? Знаю есть плагин popper js но что-то работает он только по 1 выпадающему списку а не по каждому, и немного баганый. Может есть варианты без плагинов ? или же плагин но хороший? Помогите пожалуйста. Буду благодарен

Comments

[Ben L]

Сами писали дропдаун? или у вас popover?
Для умного позиционирование (без плагинов) проще всего если popover абсолютно позиционирован и в зависимости от ширины popovera и windowa установить top и left

[Pit]

Benjamin L, сам делал, но надо сделать умное позиционирование я в js не селет чтобы вычислять позицию списка и смотреть не вылазит ли он за окно браузера

Answer 1

[maikttt]

Вот пример как можно делать. Здесь простои пример: popover открывается на click и не пресчитывается положение popovera когда делается resize