<template>
 <div class = "postbox">
 <div class = "backdrop" ref="backdrop" id="backdrop"></div>
        <at-ta
        :ats="['#']"
        :members="hashTags"
        v-model="html"
        class="AtTa">
        <textarea
        class="txt"
        ref="textarea"
        id="textarea"
        v-model="html"
        @scroll="handleScroll"
        @input="handleInput"
        @focus="handleFocus"
        @blur="handleBlur"
        @keypress.enter="saveTag"
        @keypress.space="saveTag"
        @keyup="highlightedText"
        contenteditable
        ></textarea>
    </at-ta>
 </div>
</template>

handleScroll(){
        //document.activeElement.parentElement.previousSibling = this.scrollTop
        /*var $backdrop = $('.backdrop');
        var $textarea = $('textarea');
        var scrollTop = (this.$refs.textarea).scrollTop();
        (this.$refs.backdrop).scrollTop(scrollTop);
        var scrollLeft = (this.$refs.textarea).scrollLeft();
 (this.$refs.backdrop).scrollLeft(scrollLeft); */

 var scrollTop = $textarea.scrollTop();
 $backdrop.scrollTop(scrollTop);

 var scrollLeft = $textarea.scrollLeft();
 $backdrop.scrollLeft(scrollLeft);

 //document.activeElement.previousSibling.scrollTop()
    }