@WarriorKodeK

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

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

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

И так далее.

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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы