p5.js-web-editor icon indicating copy to clipboard operation
p5.js-web-editor copied to clipboard

Editor is a focus trap

Open sampottinger opened this issue 10 months ago • 2 comments

p5.js version

N/A (Online Editor)

What is your operating system?

Linux

Web browser and version

Firefox 142

Actual Behavior

Entering the editor is possible with the keyboard but it isn't possible to leave it using the escape key. This is a "focus trap" which is covered in WCAG 2.1.2.

Expected Behavior

This may be a possible hint for fixing in a recent change in ACE editor behavior which is resolved recently in https://github.com/ajaxorg/ace/pull/5114

Steps to reproduce

Steps:

  1. Open the p5.js web editor
  2. Give the code editor focus
  3. Try to leave the code editor

sampottinger avatar Apr 12 '24 23:04 sampottinger

See https://codeberg.org/sketchingpy/Sketchingpy/pulls/65/files for example of recent fix we saw on https://sketchingpy.org

sampottinger avatar Apr 12 '24 23:04 sampottinger

Thanks for raising this and suggesting a potential fix!

raclim avatar Apr 13 '24 16:04 raclim