Offscreen WebGL Rendering Throws Error

[choxi]

Most appropriate sub-area of p5.js?

• Accessibility (Web Accessibility)
• Build tools and processes
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Friendly error system
• Image
• IO (Input/Output)
• Localization
• Math
• Unit Testing
• Typography
• Utilities
• WebGL
• Other (specify if possible)

Details about the bug:

• p5.js version: 1.2.0
• Web browser and version: Safari 14.0.2
• Operating System: macOS
• Steps to reproduce this:

Here's a reproduction of the error: https://editor.p5js.org/choxi/sketches/Fu0DWOT1R

If you try to render offscreen with WEBGL, it throws an error:

function setup() {
  createCanvas(400, 400, WEBGL);
  buffer = createGraphics(400, 400, WEBGL)
  buffer.fill(0, 255, 255)
  buffer.rect(-200, -200, 400, 400)
  image(buffer, -200, -200)
}

This throws the error: undefined is not an object (evaluating 'this._accessibleOutputs.grid'). It seems to work on version 1.1.9 but is broken on 1.2.0.

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[stalgiag]

Thank you @choxi !

@lm-n do you have any thoughts on what might be causing this?

[lm-n]

@choxi thanks for the quick fix! @stalgiag we might find more WebGL related issues with accessibility since it was designed to support 2d shapes. let's keep an eye on those 👀 :)