//Раньше была простая раскраска
var el = document.querySelector("#js-canvas > div.layout__body > div > div > div > section > ul.content-list > li:nth-child(1)");
el.style.backgroundColor = '#f88';
//Новая фича. Без нее всё было хорошо.
el.style.paddingLeft = "30px";
el.style.paddingRight = "30px";
el.style.margin = "0 -30px";
//Ваша функция. Работает не совсем так, как ожидалось.
function hideElementClever(target) {
const relativeParent = target.offsetParent;
const hider = document.createElement('div');
hider.style.position = 'absolute';
hider.style.width = target.offsetWidth + 'px';
hider.style.height = target.offsetHeight + 'px';
hider.style.background = 'rgba(255,255,255,.7)';
hider.style.top = target.offsetTop + 'px';
hider.style.left = target.offsetLeft +'px';
hider.style.pointerEvents = 'none';
relativeParent.appendChild(hider);
}
hideElementClever(el)
li
. Просто раньше эти элементы раскрашивал, а недавно добавил каждому такому элементу:paddingLeft: 30px;
paddingRight: 30px;
margin: 0 -30px;
function hideElementClever(target) {
const relativeParent = target.offsetParent;
const hider = document.createElement('div');
hider.style.position = 'absolute';
hider.style.width = (target.offsetWidth + 60) + 'px';
hider.style.height = target.offsetHeight + 'px';
hider.style.background = 'rgba(255,255,255,.7)';
hider.style.top = target.offsetTop + 'px';
hider.style.left = (target.offsetLeft - 30) +'px';
hider.style.pointerEvents = 'none';
relativeParent.appendChild(hider);
}
Я спросил, можно ли так сделать вообще чисто теоретически
<div class="sticky tuS_x3br7mg__container toHD79rE sticky_visible sticky_js_inited">