Vertical Scrollbar moves always to the middle

[andreasvh-conceto]

Vertical Scrollbar moves always to the middle

[Slasher4k]

I have the same issue, as a workaround I scroll to the top when I handle the ready event

const handleReady = (payload) => {
   document.querySelector('.cm-activeLine').scrollIntoView();
}

[ngseke]

Not sure why, but it seems v-if on <Codemirror /> causes auto-scrolling to the middle.

For example:

<script setup>
import { ref } from 'vue'
import { Codemirror } from 'vue-codemirror'

const text = ref()

// Simulate a asynchronous request
setTimeout(() => {
  text.value = 'multiple lines\n'.repeat(100)
}, 500)
</script>

<template>
  <Codemirror
    v-if="text"
    :modelValue="text"
    :style="{ height: '300px' }"
  />
</template>

After removing v-if directive, it works as expected.

<template>
  <Codemirror
-   v-if="text"
    :modelValue="text"
    :style="{ height: '300px' }"
  />
</template>

[JaeTLDR]

const handleReady = (payload) => {
document.querySelector('.cm-activeLine').scrollIntoView();
}

I am using this version as scrollintoview was effecting my page

const handleReady = () => {
    const cm = document.querySelector('.cm-activeLine')
    if (cm?.scrollTop){
        cm.scrollTop = 0;
    }
}