On Android, jumping cursor: when the user moves the cursor, the cursor jumps back to the previous location

[taigit]

On Android, when the user clicks to move the cursor, the cursor will move there and then "automatically" return to the previous location without the user specifying this return action.
One consequence is that if the user then types characters after the cursor click, the characters will be placed in the wrong place because the cursor moved back to the previous location.

Steps to Reproduce

1. On phone, go to https://trix-editor.org/
2. go to the bottom of the page and put cursor after the last character
3. insert 3 CR to create a bunch of empty lines
4. leave the cursor on the last line
5. type the character 'h'. The cursor will be located after the 'h'.
6. touch the screen to move the cursor to the first empty line in step 3
7. the cursor will automatically jump to the position of step 5 -- even though it should be in the position from step 6

This bug does not happen on the laptop version of trix

Details

Trix version: https://trix-editor.org/ Browser name and version: chrome 77.0.3865.92 Operating system: Android 9 Samsung phone. One UI version: 1.0 Samsung Galaxy A7

[taigit]

Might be related to #682

[taigit]

leave comment to prevent stale-bot from closing

[taigit]

Just verified that the bug is still happening on https://trix-editor.org/

[thomasgallagher]

Also seeing this behaviour on Android: https://www.dropbox.com/s/tg6oqzbdc4jekpz/trix_on_android.mp4?dl=0

[choznerol]

Can reproduce on mobile Chrome 83.0 Can not reproduce on moble Firefox 68.9.0

Details

Trix version: https://trix-editor.org/ Operating system: Android 10 Model: Samsung Galaxy A31 (One UI version: 2.1) Keyboard: Samsung keyboard

[taigit]

A "very easy to reproduce" case to see the bug:

Steps to Reproduce

1. On phone, go to https://trix-editor.org/
2. Cursor defaults to first character of editor window
3. Type the character "J". You should see: JTrix
4. Move the cursor to the end of the paragraph by touching after "Trix to give them the best possible editing experience."
5. Bug appears: the cursor will jump back to JTrix and be positioned between the J and T.
6. This bug does not happen on the laptop version of trix

Details Trix version: https://trix-editor.org/
Browser name and version: chrome 88.0.4324.181 Operating system: Android 10 Samsung phone. One UI version: 2.0 Samsung Galaxy A7 (2018)

[taigit]

Can reproduce on mobile Chrome 83.0 Can not reproduce on moble Firefox 68.9.0

Details

Trix version: https://trix-editor.org/ Operating system: Android 10 Model: Samsung Galaxy A31 (One UI version: 2.1) Keyboard: Samsung keyboard

Unfortunately, I am now experiencing this bug on mobile Firefox 87.0.0-rc.1

Phone Details: Trix version: https://trix-editor.org/ Operating system: Android 10 Samsung phone. One UI version: 2.0 Samsung Galaxy A7 (2018) Keyboard: google

[taigit]

Possibly related bug on Firefox mobile:

1. On phone, go to https://trix-editor.org/
2. go to the bottom of the page and put cursor after the last character
3. type Carriage Return
4. Bug: Cursor jumps to (near) the top of the edit box and the "T" in Trix is missing so the result is "rix". Also, there is a new line and the cursor is before the "r" in "rix"

Bug does not happen on mobile Chrome browser.

Phone and browser Details: Trix version: https://trix-editor.org/ Browser: mobile Firefox 87.0.0-rc.1 Operating system: Android 10 Samsung phone. One UI version: 2.0 Samsung Galaxy A7 (2018) Keyboard: google