Quill Editor Scrolls Up Slightly When Pasting Large Content In A Vue App

Here is my editor.vue I am trying to replicate the auto-grow example on their playground I tried to add a scrolling container, and set heights for elements but the issue still pers

Solution 1:

How about making clipboard in center and fix its position to avoid it to move with the text:

.ql-clipboard {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 0px; // fix the width to 0, so large text cannot overflow the div
}

Here is the codesandbox for your reference:

https://codesandbox.io/s/importing-sass-in-vue-forked-cp8jn?file=/src/components/HelloWorld.vue:1559-1620