Unable to Maintain Scroll Position When values Update

[yuanhongyu123]

I'm using this library to display monitoring logs with scrolling functionality, but I'm encountering a scrolling issue.

Every time a new log line is loaded, the cm-scroller always automatically resets the scrollbar to the very top. Even when I added an outer div wrapper for scrolling, I found that forcibly setting the scrollbar to the bottom doesn't work.

What I want to achieve:

Allow free scrolling (without automatic resetting), or

Lock the scrollbar to the bottom

How can I implement this?

[logue]

There is an exported variable called length, which gives the total number of characters. Can't you set this value to cursor?

[yuanqingqingf]

I'm facing the same issue. Has it been resolved?

[PungYoung]

https://codemirror.net/docs/ref/#state.Text.append

[PungYoung]

<div
        style="
          width: 70%;
          height: 100%;
          overflow-y: scroll;
          scroll-behavior: smooth;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
        "
      >
        <code-mirror
          ref="cm"
          v-model="code"
          :lang="lang"
          :style="{
            width: '100%',
          }"
          :scroll-into-view="true"
          :dark="true"
          wrap
          basic
          :disabled="true"
          :readonly="true"
        >
        </code-mirror>
      </div>

CSS of the parent element:

          display: flex;
          flex-direction: column;
          justify-content: flex-end;

[PungYoung]

or xtermjs