Escape key caused losing focus out of editor on Vivaldi

code-server 1.939-vsc1.33.1
OS Version: Ubuntu 16.04 (Host) - Windows 8 Server (Local)
Browser: Vivaldi 1.24

Description

I usually hit Escape when editing (e.g: cancel intellisense suggestion). It's working normally on Chrome. However, on Vivaldi (which lets you change browser's color, reduce tab's size and hide address bar for less distraction), Escape key constantly cause losing focus out of the editor. I had to press Ctrl + 1 to refocus every time.

Steps to Reproduce

Start Vivaldi and open code-server.
Edit any file and press Escape, then try typing any characters.

Not really sure what's going on. If anyone figures out, please let us know.

Hello,
I'm experiencing the same issue.
Thanks

Same here. For reference, I think code-server should call preventDefault() or stopPropagation() on keyboard events for this to be fixed:

I've tried adapting the user-script from the Vivaldi Forums link above, but it didn't work:

// ==UserScript==
// @name         code-server-handle-esc.user.js
// @version      0.1
// @description  Support Esc key in code-server by preventing propagation Vivaldi blur event.
// @match        http://*/*
// @match        https://*/*
// ==/UserScript==

// https://forum.vivaldi.net/topic/73501/unmapped-esc-key-changes-focus/16

;(function () {
  function addEscListener(e) {
    window.removeEventListener('load', addEscListener)
    const monaco = document.querySelector('#workbench\\.parts\\.editor')
    if (monaco) {
      const textarea = monaco.querySelector('textarea')
      textarea.addEventListener('keydown', e => {
        if (e.key === 'Escape') e.stopPropagation()
      })
    }
  }
  window.addEventListener('load', addEscListener)
})()

We just wrap VS Code so it sounds likely it will need to be fixed there: https://github.com/microsoft/vscode

@code-asher

@code-asher, I disagree. VSCode doesn't run within a browser, but rather it's own native wrapper window. Since this project wraps VSCode to make it accessible within any browser, it's on this project to prevent browser-specific default behaviors when needed.

VS Code contains both an Electron and web version. We use the web version, as does GitHub Codespaces (and Gitpod).

You can run VS Code's web version directly without our wrapper using code serve-web.

Edit to add: we do maintain some patches to make the web version work a bit more nicely for self-hosting use cases. However, we try not to patch bugs and prefer they go upstream, where they can benefit everyone using the web version of VS Code (Codespaces, Gitpod, etc).

If they refuse to fix/add something, we can talk about patching it here though.

@code-asher

All right, understood, will open an issue there. Thanks @code-asher !

If they refuse to fix/add something, we can talk about patching it here though.

Would you add microsoft/vscode#77363 then ?

@KaKi87

@KaKi87 It looks like they are still open to the change if someone opens a new PR?

Bug fixes are one thing, but I would hesitate to maintain features that change this many lines. If we think there are unlikely to be conflicts moving forward though I think we could consider it.

Navigation Menu

Repository navigation

Escape key caused losing focus out of editor on Vivaldi #638

Description

Steps to Reproduce

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Escape key caused losing focus out of editor on Vivaldi #638

Description

Description

Steps to Reproduce

Activity

nhooyr commented on Jan 28, 2020

KaKi87 commented on Jun 27, 2024

wh0am1-dev commented on Apr 14, 2025

code-asher commented on Apr 14, 2025

wh0am1-dev commented on Apr 15, 2025

code-asher commented on Apr 15, 2025

wh0am1-dev commented on Apr 15, 2025

KaKi87 commented on Apr 15, 2025

code-asher commented on Apr 16, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions