Move code for cleaner diff

252043ae11f51c637ebe1c5d3a58aae4352e3b2a

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/script.js+20 -20 Viewed

     });
     const cssAutofit = CSS.supports('field-sizing', 'content');
 +    if (!cssAutofit) {
 +        /**
 +         * Sets the scroll height of the edit textarea to fit the content.
 +         * @param {HTMLTextAreaElement} e Textarea element to auto-fit
 +         */
 +        function autoFitEditTextArea(e) {
 +            e.style.height = '0px';
 +            const newHeight = e.scrollHeight + 4;
 +            e.style.height = `${newHeight}px`;
 +        }
 +        const autoFitEditTextAreaDebounced = debounce(autoFitEditTextArea, debounce_timeout.short);
 +        document.addEventListener('input', e => {
 +            if (e.target instanceof HTMLTextAreaElement && e.target.classList.contains('edit_textarea')) {
 +                const scrollbarShown = e.target.clientWidth < e.target.offsetWidth && e.target.offsetHeight >= window.innerHeight * 0.75;
 +                const immediately = (e.target.scrollHeight > e.target.offsetHeight && !scrollbarShown) || e.target.value === '';
 +                immediately ? autoFitEditTextArea(e.target) : autoFitEditTextAreaDebounced(e.target);
 +            }
 +        });
 +    }
++
     const chatElementScroll = document.getElementById('chat');
     const chatScrollHandler = function () {
         if (power_user.waifuMode) {

     chatElementScroll.addEventListener('wheel', chatScrollHandler, { passive: true });
     chatElementScroll.addEventListener('touchmove', chatScrollHandler, { passive: true });
 -    if (!cssAutofit) {
 -        /**
 -         * Sets the scroll height of the edit textarea to fit the content.
 -         * @param {HTMLTextAreaElement} e Textarea element to auto-fit
 -         */
 -        function autoFitEditTextArea(e) {
 -            e.style.height = '0px';
 -            const newHeight = e.scrollHeight + 4;
 -            e.style.height = `${newHeight}px`;
 -        }
 -        const autoFitEditTextAreaDebounced = debounce(autoFitEditTextArea, debounce_timeout.short);
 -        document.addEventListener('input', e => {
 -            if (e.target instanceof HTMLTextAreaElement && e.target.classList.contains('edit_textarea')) {
 -                const scrollbarShown = e.target.clientWidth < e.target.offsetWidth && e.target.offsetHeight >= window.innerHeight * 0.75;
 -                const immediately = (e.target.scrollHeight > e.target.offsetHeight && !scrollbarShown) || e.target.value === '';
 -                immediately ? autoFitEditTextArea(e.target) : autoFitEditTextAreaDebounced(e.target);
 -            }
 -        });
 -    }
+-
     $(document).on('click', '.mes', function () {
         //when a 'delete message' parent div is clicked
         // and we are in delete mode and del_checkbox is visible