External keyboard keys don't work on iOS (Chrome, Safari)

Summary

When using an external keyboard with iOS devices to edit something in Gitlab (e.g. Code in the WebIDE or descriptions for MergeRequests), the arrow keys and other functions keys down don't have any effect.

Steps to reproduce

  • Open GitLab on a iOS device with an external keyboard attached.
  • Navigate to edit a file
  • try to use the arrow keys to navigate through the file
  • nothing happens :(

What is the current bug behavior?

Editing does not work as expected.

What is the expected correct behavior?

Being able to navigate around with the arrow keys.

Results of GitLab environment info

reproduceable on current gitlab.com instance

Possible fixes

A possible fix is to use the "contenteditable" attribute in the editor. Some research shows that the issue seems to originate from the monaco-editor. So, the two options are to fix it there or to have it patched when integration it into gitlab.

https://github.com/Microsoft/monaco-editor/issues/293#issuecomment-379096075

Similar issue in RStudio (not using Monaco editor): https://github.com/rstudio/rstudio/issues/2186, fixed tere with https://github.com/rstudio/rstudio/pull/2508/files

Also similar issue for codesandbox: https://github.com/CompuIves/codesandbox-client/issues/507

Assignee Loading
Time tracking Loading