Tiptap: Auto focus not working properly, focuses to starting of the content

[rameezcubet]

Autofocus not working properly. it autofocuses the cursor to the starting of the content.
is there a way to set the cursor position to end of the content?
please watch the gif for better understanding

Minimal code

      const initialContent = `<p>Hi rameez,</p><p>second line</p>`
      this.editor = new Editor({
        content: initialContent,
        autoFocus: true,
        extensions: [
          new Blockquote(),
          new BulletList(),
          new CodeBlock(),
          new HardBreak(),
          new Heading({ levels: [1, 2] }),
          new ListItem(),
          new OrderedList(),
          new TodoItem(),
          new TodoList(),
          new Bold(),
          new Code(),
          new Italic(),
          new Link(),
          new Strike(),
          new Underline(),
          new History(),
          new Placeholder({
            emptyClass: 'is-empty',
            emptyNodeText: 'Write something…',
            showOnlyWhenEditable: true
          })
        ]
      })

[philippkuehn]

Ah, good point! For now you can use editor.focus('end'). But it would make sense to allow this option for autofocus too.

[rameezcubet]

tried using

this.editor.focus('end')

after the plugin inited but same behaviour. ie focusing on start.

working with "tiptap": "^1.14.0",

[philippkuehn]

In the lastest release you can set autofocus: 'end'.

[rameezcubet]

I tried updating to "tiptap": "^1.22.2" now my vue-nuxt-app crashes, no matter I set autofocus or not.

For the moment I have reverted my version back to "tiptap": "^1.14.0" and all are back to normal(autofocus missing).

I have added screencast below

[philippkuehn]

@rameezcubet see #305

[rameezcubet]

Got it.. it's working now.

Step 1

    "tiptap": "^1.22.2",
    "tiptap-extensions": "^1.22.2",

Step 2

and removed package-lock.json file and node_modules folder

Step 3

npm install

[jeremyphillipsfti]

Does autofocus take a 'start' option? I checked the docs but couldn't find any reference to the string arguments.

I'm running into a scenario where, when an editor loads with a partial mention at the end, the search popup is triggered automatically because of the cursor focus event.

[rameezcubet]

@jeremyphillipsfti this forked project of tip-tap seems to be a better version https://www.npmjs.com/package/tiptap-vuetify . it works in rapo with vuetify but you can style it for your needs without using vuetify. it also has v-model support by default.