трансформ один, тени две
разделитель нескольких
разделитель одного внутренний
https://qna.habr.com/q/840579Причем тут map и вложенность объектов? Какое это отношение имеет к моему вопросу? Ладно map... Но причем тут не пойми какой Event, html элементы в принципе, как и отдельное свойство (transform) элемента... Полнейшая ахинея!
Едем дальше! Проблем с resize нет! Все прекрасно работает ибо методов для этого js предоставляет достаточно. НО! Что если один из элементов относительно которого происходи позиционирование, не меняя своего размера, меняет положение, будь то transform translate, отрицательный margin или он находится внутри сетки которая, допустим, увеличила gap и элемент сдвинутся (не меняя размера). Короче, я не знаю на что я опять наделся когда пришел на toster... Но еще вчера под вечер, стало ясно что это одна из проблем у которой пока что нет адекватного решения. К обсуждению на w3 был предложен механизм rectObserver с помощью которого, как предполагается, можно будет подписаться на изменение положения и\или размера (хотя уже есть resize). Самый просто пример который я могу Вам предложить к опыту. берете два элемента, первый кнопка, второй блок (самый простой dropdown). Позиционируете блок относительно кнопки. Попробуйте теперь заставить блок "бегать" за кнопкой изменяя ее положение различными методами. Хотя... возможно, это не самый удачный вариант для примера. Подводя итоги, ResizeObserver полюбому, для плагина опция autoUpdatePos (Boolean) и updateInterval (Int), если autoUpdatePos огда getBoundingClientRect + setInterval с updateInterval. И пусть пользователь сам решает, а надо ли ему это, если надо, то как часто.
Всем спасибо!