Hi everyone, 

I have set up a checkbox that will enable itself when a text area is fully scrolled, and it works fine for PC but I couldn't get it to work 100% of the time on mobile. Sometimes I need to scroll down a couple more times, sometimes I need to click on the text area first then scroll down, I don't really know what causes this issue.  Here's the javascript I used if anyone can help me take a look at it, thank you.

function checkScrollEnd(cls){   var textarea = document.querySelector('.' + cls + ' > span > span > textarea:first-of-type');   if(textarea) {     textarea.addEventListener('scroll',setFlg.bind(this));   }   textarea.readOnly = "true"   function setFlg() {       var scrollHeight = textarea.scrollHeight;       var scrollTop = textarea.scrollTop;       var clientHeight = textarea.clientHeight;         if (scrollHeight - scrollTop < clientHeight + 2) {        if (cls == "ScrollCheck") {          var elementInd = document.querySelector('input[type="checkbox"][name="checkboxenable"]');          if (elementInd) {            elementInd.removeAttribute('disabled');         }        }              }     }