Setting scroll top, only finds querySelector with multiple events.

[sintesiNick]

public setScrollPosition(): void {
if (this.$el) {
console.log(this.$el.querySelector('.vuecal__bg'));
const bandStartTimes = this.events.map(band => new Date(band.start).getHours() * 60 + new Date(band.start).getMinutes());
this.$el.querySelector('.vuecal__bg').scrollTop = ((Math.min(...bandStartTimes) - 60) / 60) * 40;
}
}

Using this code I'm setting the scrollTop of the calendar.

I'm using the querySelector for .vuecal__bg.

The weird part is that it only works with multiple events, not with 1 event, but when i go inside the code it is there.

Anyone knows what could be causing this?

Multiple events:

Single event: