Как узнать, пересекаются ли блок с каким-либо другим с position absolute?

Question

[Никита]

Все блоки имеют position absolute, вот пример в песочнице - https://codepen.io/lucienglue/pen/QWKgvXo и необходимо узнать, пересекается ли конкретный блок с каким-либо другим.
Так же, блоков может быть очень много.

Answer 1

[Alex]

1. Берёте координаты вершин одного блока
   
2. Проверяете лежит ли хоть одна точка в плоскости другого блока. Если да -- значит блоки пересекаются.
   
3. Повторить то же самое для координат вершин первого блока по отношении ко второму
   

Comments

[Stalker_RED]

Проверка вершин не панацея

Answer 2

[ksnk]

Для каждого элемента берем getBoundingClientRect и проверяем, что пересечение существует.
Извиняюсь, что на jQuery, но смысл, вроде и так понятен.

$(function(){
  var elements=$('.red,.yellow');
  for(let i=0;i<elements.length;i++){
    let ri=elements.eq(i)[0].getBoundingClientRect();
    for(let j=i+1;j<elements.length;j++){
      let rj=elements.eq(j)[0].getBoundingClientRect();
      console.log(//ri,rj, 
                  Math.max(ri.x,rj.x)<=Math.min(ri.x+ri.width,rj.x+rj.width)
                 &&
                  Math.max(ri.y,rj.y)<=Math.min(ri.y+ri.height,rj.y+rj.height)
                 )
    }
  }
})