Tiptap: Mention node broken on android

Created on 22 Apr 2020  路  11Comments  路  Source: ueberdosis/tiptap

Describe the bug
on an Android device using chrome browser

in the editor
with the cursor in front of a mention node
the editor either skips over the mention deleting the previous node
or copying and pasting the contents of the mention node.

these can be observed on the example page
https://tiptap.scrumpy.io/suggestions

Environment

  • OS: Android
  • Chrome

Screen-Recording-2020-04-22-at-1

bug

All 11 comments

can you upload a video/gif of the bug please? don鈥榯 have an android device for testing. thanks!

gif added. thanks

is there any error in the console?

No there's not

I see quite a lot edge case checks for android in prosemirror-view might the suggestitons plugin or mention node be circumventing some of this?
https://github.com/ProseMirror/prosemirror-view/search?q=android&unscoped_q=android

My team and I face this issue with other editors as well, our solution was to put a close or delete button on the mention element for cases like this.

We are also facing the same issue as well on Android Chrome 81

Also appears on android chome if you backspace immediately after adding a new mention, it starts randomly adding parts of the mention, if you just hold backspace, it just backspace some, and added more copies (some partial) of the mentions.

Have bugs on Android as well for mentions:

  • Sometimes suggestions are not selectable by touch or pressing enter on keyboard
  • On backspace the mention will not be deleted, instead the lastname will append to the editor content every click on backspace

Got a gif attached as well to show the bugs. Would be awesome if there would be a fix for need.

Android Chrome 81.0.4044.138

tiptap-mention-selection-not-working-on-android-touch-and-enter-keyboard

tiptap-mention-delete-append-lastname

Same issue here

My work around so far has been to add a undo/redo buttons on the toolbar as sort of a catch all. That works fine deleting the mention. https://tiptap.dev/history

I'm having the same issues as @chrisjbrown and @tobischulz but from what I can tell it's dependent on the keyboard app. Only the replication issue seems to happen on Google's Gboard, but only the original issue of being unable to delete with backspace occurs on the Samsung stock keyboard. At least that's the case on my Galaxy S20. I also have a user with Microsoft Swiftkey that is experiencing the replication issue when they press space after a mention.

Same issue here for Android, Chrome.
Fast easy solution: copy Mention.js, and add space to suggestion label at the end.
Screenshot_6

Was this page helpful?
0 / 5 - 0 ratings

Related issues

nekooee picture nekooee  路  3Comments

bernhardh picture bernhardh  路  3Comments

jetacpp picture jetacpp  路  3Comments

jameswragg picture jameswragg  路  3Comments

leandromatos picture leandromatos  路  4Comments