title: scroll table row on keydown
body: <p>I have added active class to table row on scroll by keypress. however now I want to add the scroll function when ever it is fired. </p>
  
  <pre><code>    if (event.code === 'ArrowDown' &amp;&amp; this.selectedIndex &lt; (this.products.length - 1)) {
          event.preventDefault();
          this.selectedIndex++;
          this.scrollToBottom();
      }
      ....
      scrollToBottom(): void {
        try {
            console.log("I am scrolled");
            this.myScrollContainer.nativeElement.scrollTop = ... + 24;
        } catch(err) { }                 
      }
  
  
  
  &lt;table class="table" id="tableSearch" #scrollMe&gt;
  </code></pre>
  
  <p>Console log is ok and no error at all, but table doesnt scroll. What I am missing here? </p>