Веем привет. Зашел в тупик. Помогите плиз. Есть flex контейнер

Question

Веем привет. Зашел в тупик. Помогите плиз. Есть flex контейнер

с горизотальным скролем, в нем есть фильтры при наведении на фильтр должно появляться dropdown лист который должен быть над контентом под фильтры. Вот пример того как есть сейчас https://codepen.io/WorkAgent/pen/MWVrLQE?editors=1100

Проблема в том что лист остаеться внутри контейнера а нужно чтобы dropdown лист выходил за рамки родительского контейнера

Заранее благодарен!

#css #frontend #html #programming #russian

0

01.08.2022

5 ответов

2 просмотра

Павел

position: fixed; и width задаешь через js, либо width: input'у и списку одинаковый задаешь, но если input будет иметь width: 100%; (на мобилке например) будет не оч (хотя опять же можно и через css просчитать)

0

01.08.2022

Павел

Павел
position: fixed; и width задаешь через js, либо wi...

но также при создании кастомного select'а стоит учесть еще много факторов, например события "клика" на разных платформах, также то, что он может вылезть за границу экрана (если не будет нужного пространства)

0

01.08.2022

Avtandil Автор вопроса

Павел
но также при создании кастомного select'а стоит уч...

fixed не работает для данного шаблона

0

01.08.2022

Павел

Avtandil
fixed не работает для данного шаблона