JSFiddle - React, Tailwind, and code Playground

by Maiki Nahara

JavaScript

var myInterval = setInterval(function(){ scrollBottom() }, 300);
var lastScroll = 0
function sendMessage(){
	var e = jQuery.Event( 'keydown', { which: 13 } );
	$('#menu_member_dm_input > .ql-editor > p').text('Hi')
  setTimeout(function(){
  	$('#menu_member_dm_input').trigger(e)
  },100)
}
var users = $('.member_item')
function getUsers(){
  for(var i = 0; i < users.length; i++){
    (function(){
        var j = i;
        setTimeout(function(){
            $(users[j]).find('.c-member').click()
    				setTimeout(function(){TS.menu.end()},10)
        }, 500*j);
    })();
  }
  scrollBottom();
}

function scrollBottom(){
console.log('users: ' + users.length)
console.log('lastScroll: ' + lastScroll)
	if(lastScroll !=  $('#channel_membership_dialog_scroller')[0].scrollHeight){
        		$('#channel_membership_dialog_scroller').scrollTop($('#channel_membership_dialog_scroller')[0].scrollHeight)
            getUsers()
  }
  lastScroll = $('#channel_membership_dialog_scroller')[0].scrollHeight
  console.log('users 2: ' + users.length)
}