[Help] V-Scroll on other Component

[skoenfaelt]

Hello, lets say I have to components, positioned side by side
Component A is a list

Component B is scrollable and has divs with ids

I want to press a list item in Component A and Scroll Component B to the given Target from Component A. Currently nothing happens.

Clicking some items which are definitely not in the viewport of Component B, will not result in scrolling.

[skoenfaelt]

Got it to work, but with just javascript.

First, we need access to our element via ID. After that it is simple, we start scrolling :D

scrollToElement(message) {
      const element = document.getElementById(
        `${message.status.toLowerCase().split(' ').join('_')}_${message.id}`
      )
      element.scrollIntoView({ block: 'start', behavior: 'smooth' }) // holy grale
    },