@WarriorKodeK

Как привязать елемент к другому елементу?

Всем привет. Есть у меня небольшая проблемка.
Существует 3 компоненты ( аккордионы ), у них есть у каждого свой colorPicker
Сейчас он появляется по клику на кружочек цветов, с правой стороны от компоненты. Мне надо что-бы он рендерился под каждым из этих кружков, независимо от ширины аккордиона и т.д

Вот как примерно должно это выглядеть
Когда кликнули на 3 елемент
5c2418f0753f2587263648.png
Когда кликнули на 1 елемент
5c2418ff50140102601753.png

И так далее.

Вот код - https://codesandbox.io/s/ywyw4y8k1x

Я в CSS не силен, так что прошу помощи у вас.

P.S С position: absolute я пробовал, но вот именно подвязать компоненту пикера к определенному елементу у меня не получается
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Если задать родителю position:relative, и дочерний блок (пикер) при позиционировании при помощи position:absolute будет уже позиционироваться внутри родительского блока, а не внутри окна.
Но .block-picker тогда нужно поместить не рядом с item-container, а внутрь.

Если не менять разметку, то можно ставить координаты при помощи js, но придется их пересчитывать, если будет меняться что-то в соседних блоках.

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Лайфхакер Ульяновск
от 35 000 до 60 000 руб.
Smart Медицина Москва
от 120 000 руб.
Nordavind Москва
от 60 000 до 90 000 руб.
20 марта 2019, в 01:07
1000 руб./за проект
20 марта 2019, в 00:27
2000 руб./за проект
19 марта 2019, в 23:14
6000 руб./за проект