How to disable autofocus when editor renders?

[andgordio]

I have multiple quill editors on a page, and the page always scrolls down to the last non-empty one on load. I found a similar issue being currently discussed on our neighbor's quill component GitHub. Could their solution be quick fix for vue-quill too?

[andgordio]

Discovered a pull request #197 aimed at this issue. Looking forward to its merge!

[AkhonzadaIrshad]

I explore this issue on many forums but nothing worked for me, but I fixed this in some other way with a JS "window" instance, use this "window.scroll(0,0);" method till a genuine fix.

[vZanchiV]

I do the same, but you see the window scroll with IE for example. It's crazy somebody had a soluce for fix this fucking bug

[Jaspur]

@surmon-china please merge this

[binaryshrey]

@AkhonzadaIrshad Can you explain in detail how to use your fix.
It's been troubling me a lot

[jfaq89]

Same problem here. Any updates?

[felipebelluco]

Same problem here. Any updates?

[quroom]

Set initial data

quill_disabled = false

This will prevent autofocus, and when dom is updated, change the quill_disabled as true.
No more autofocus in eidtor render.

<template>
...
        <quill-editor
            ref="myQuillEditor"
            v-model="special_agreement"
            :options="editorOption"
            :disabled="quill_disabled"
          />
...
</template>

created(){
...
   this.$nextTick(()=>{
      this.quill_disabled=false;
    })
}

[baxa29102001]

Thanks bro very much

[quroom]

Thanks bro very much

You're welcome!