microsoft / microsoft/monaco-editor

Fallback to simple editor (<textarea>?) would be useful for mobile

Open
#2,480 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

editor-input feature-request
Dominant language
JavaScript
Stars
46.8k
Forks
4.1k
Avg merge
17h 58m
Merged PRs (30d)
1

Description

monaco-editor is hard to use on a mobile interface. It kind of works, but it's pretty painful to use.

I'd like to request a feature (possibly controlled by user, app using monaco-editor, or automatically based on a media query or similar) to fallback to a very simple editor, such as a <textarea> or perhaps an editable element, while keeping the same API of monaco-editor (IEditor).

Personally, I really like to use websites that use monaco-editor and I often use them on mobile. I don't really mind typing long text on mobile from time to time... But monaco-editor is often fighting me on it... I'd really appreciate having a way to fallback to a "dumber" editor (since I can leave without syntax highlighting, autocompletion, etc. for most use cases where I care about using mobile.)

I guess this could live in another layer or downstream consumer of monaco-editor (such as react-monaco-editor or perhaps an app would be able to implement two separate interfaces, one with a dumb editor), but I see an advantage of implementing this in monaco-editor itself so that it would easily track the API (IEditor), possibly implement easy controls that would automatically apply to all downstream consumers, avoid duplication, etc.

(NOTE: I'm not really knowledgeable in most of the technologies involved here, such as ES, React, etc. I'm filing this from an user's point of view. So forgive if I got some of the details incorrectly.)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the IEditor API and the issue's proposed textarea or editable-element fallback. Determine whether the behavior belongs in monaco-editor or a downstream consumer such as react-monaco-editor, and define how a mobile fallback would preserve the existing API while omitting advanced editor features.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.