From dc83096722802815191a524713498d5760aa33e2 Mon Sep 17 00:00:00 2001
From: Josh de Leeuw <josh.deleeuw@gmail.com>
Date: Mon, 3 Jun 2024 11:48:56 -0400
Subject: [PATCH] add block display to fix #3056

---
 packages/plugin-canvas-button-response/src/index.ts   | 1 +
 packages/plugin-canvas-keyboard-response/src/index.ts | 1 +
 packages/plugin-canvas-slider-response/src/index.ts   | 1 +
 3 files changed, 3 insertions(+)

diff --git a/packages/plugin-canvas-button-response/src/index.ts b/packages/plugin-canvas-button-response/src/index.ts
index d64171cb..461fcf8f 100644
--- a/packages/plugin-canvas-button-response/src/index.ts
+++ b/packages/plugin-canvas-button-response/src/index.ts
@@ -108,6 +108,7 @@ class CanvasButtonResponsePlugin implements JsPsychPlugin<Info> {
     canvasElement.id = "jspsych-canvas-stimulus";
     canvasElement.height = trial.canvas_size[0];
     canvasElement.width = trial.canvas_size[1];
+    canvasElement.style.display = "block";
     stimulusElement.appendChild(canvasElement);
 
     display_element.appendChild(stimulusElement);
diff --git a/packages/plugin-canvas-keyboard-response/src/index.ts b/packages/plugin-canvas-keyboard-response/src/index.ts
index fa11c123..7b9d4f82 100644
--- a/packages/plugin-canvas-keyboard-response/src/index.ts
+++ b/packages/plugin-canvas-keyboard-response/src/index.ts
@@ -81,6 +81,7 @@ class CanvasKeyboardResponsePlugin implements JsPsychPlugin<Info> {
     // draw
     display_element.innerHTML = new_html;
     let c = document.getElementById("jspsych-canvas-stimulus");
+    c.style.display = "block";
     trial.stimulus(c);
     // store response
     var response = {
diff --git a/packages/plugin-canvas-slider-response/src/index.ts b/packages/plugin-canvas-slider-response/src/index.ts
index 88633fe1..db6202e6 100644
--- a/packages/plugin-canvas-slider-response/src/index.ts
+++ b/packages/plugin-canvas-slider-response/src/index.ts
@@ -169,6 +169,7 @@ class CanvasSliderResponsePlugin implements JsPsychPlugin<Info> {
 
     // draw
     let c = document.getElementById("jspsych-canvas-stimulus");
+    c.style.display = "block";
     trial.stimulus(c);
 
     var response = {