if else both executes on "dragmove" in konvajs - if-statement

Question

I have an if statement that checks whether the group(consists of a rectangle and a text) I'm dragging is over other group(I check only "y" coordinate because "x" axis is locked). If so, change the color of the stationary group(rectangle) to "red". Else make all rectangles blue. Every group is in groupfield called "groups" which I'm iterating and adding events like this 'dragmove' + others. For some reason both blocks of code executes, idk why. Height of all rectangles is set by text height which is same everywhere(and is accessed by groups[].children[1].height(). Groups[i] is the moving(dragging) group and groups[j] are stationary. In my other event("dragstart") I change the "name" of that group to "true" others are false by default so when i iterate in my if doesn't triggers the dragging group. The code works partially, colors change how they should, but "else" is running even if I drag rectangle over other rectangle which is unwanted and needs fixing. Here's my code:
groups[i].on('dragmove', () => {
//lock top stage&bottom
if(groups[i].y() <= 0){
groups[i].y(0);
}
else if (groups[i].y() + groups[i].children[1].height() >= stage.height()){
groups[i].y(stage.height() - groups[i].children[1].height());
}
//end lock top stage&bottom
for (let j = 0; j < groups.length; j++) {
if(groups[i].y() + groups[i].children[1].height() >= groups[j].y() &&
groups[i].y() <= groups[j].y() + groups[j].children[1].height() &&
groups[j].name !== "true"){
if (groups[j].children[0].fill() === "red"){
continue;
}
console.log("if dragmove");
groups[j].children[0].fill("red");
}
else {
groups[j].children[0].fill("#aaf");
}
}
})