ScrollContainer always on bottom using MutationObserver using a vue.js directive

stayScrolledDown.vue

export default {
  bind() {
    let element = this.el;
    
    this.observer = new MutationObserver( ( mutations ) => {
      for ( var i = 0; i < mutations.length; i++ ) {
        // adjust element scrollTop depending on it's changed height
        element.scrollTop = element.scrollHeight;
      }
    } ) ;
    
    this.observer.observe( this.el, {
      childList     : true,
      subtree       : true,
      characterData : true
    } );
  },
  unbind() {
    this.observer.disconnect();
  }
};

what do you create theelement reference for?

@stryju When I tested the this context switched ( ignoring the arrow function )... not sure what the issues was. :)