microsoft / microsoft/monaco-editor

Scroll/copy/paste/select all not working on WKWebview in Mac "Catalyst" app.

Open
#2,205 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

safari-ios upstream
Dominant language
JavaScript
Stars
46.8k
Forks
4.1k
Avg merge
17h 58m
Merged PRs (30d)
1

Description

I'm trying to use the monaco editor from within a Mac "catalyst". Catalyst apps are basically iOS apps that run on mac. It uses a WKWebView and many things don't work like wheel scrolling as well as copy (command+c) and paste (command+v) select all (commad+a). using the examples listed (https://vscode-web-test-playground.azurewebsites.net/).

Other mouse events like clicking and hovering and typing work fine and strangely command+f works fine.
In my investigation the "wheel" mouse event was never triggered on the editor however the document was getting "scroll" events. It seems that the system events like copy and paste and scroll don't make it into the generate dom events.

command+a works when I click outside the editor in the playground. The browser selects various elements and highlights them in blue. In the editor nothing happens.

The same app runs on iPad and touch scrolling works but and command+c command+v sometimes works.

An idea how to fix this?

monaco-editor version: 0.21.0
Browser: WkWebview (Webkit Mac "catalyst".)
OS: Mac
Playground code that reproduces the issue:
Any playground
https://vscode-web-test-playground.azurewebsites.net/

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 reproducing the issue in the linked VS Code web test playground inside a Mac Catalyst WKWebView, focusing on wheel scrolling and Command+C, Command+V, and Command+A. Compare the document scroll behavior with the editor's event handling; done means scrolling, copying, pasting, and selecting all work in the editor on the reported platform.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.