Online Textbox Not Working

[wlane]

I’m preparing an experiment to run during the spring 2022 semester that includes a forced choice component to select what picture will display to participants and routine skips depending on a participant’s answer to a question about picture details. If a participant says that they remember something different about the details of a picture than what they see in front of them, a routine with a textbox is displayed that SHOULD let them type their answer out.

The experiment runs fine locally (PsychoPy 2021.1.2), but when I upload it to Pavlovia, the textbox component will not accept any typed text at all.

Demo experiment: https://pavlovia.org/IntraubLab/wlane_forcedchoice_demo (please note that the problematic routine is not at the front because we have a “virtual chinrest” code that scales components like pictures and location based on screen size, so you will need to go through this first; please also note that you will need to hit “y” to get the problematic textbox routine to show, and that even though it does not accept any text, you can hit “enter” and move on to the next screen).

Code: https://gitlab.pavlovia.org/IntraubLab/wlane_forcedchoice_demo

Some notes: this topic has previously come up multiple times 1 2 3.

Suggestions I have tried:

• Clicking on the textbox to give it focus online (doesn’t solve)
• Adding a textbox._pixi.focus() component to the JS code in the each frame tab (throws the below error; missing from the demo I uploaded so that it will at least run)
  
  
• Made sure that my code components referencing the textbox are BELOW the textbox component so that they have something they can reference
• Adding a textbox.refresh() component in the begin routine tab (doesn’t seem to be doing anything)
• Changed the code components for the textbox stuff to Both then deleted the Python side, then tried putting it to be JUST JS which is what’s currently in the online code (doesn’t seem to be doing anything)

Any help is greatly appreciated!

[Becca]

Hi There,

My first highly recommended suggestion would be to upgrade to version 2021.2.3 - there really were so many improvements with taking studies online in that release and it might save a few headaches

Becca

[wakecarter]

I believe the main issue with the bug is a conflict between keyboard components and editable text components.

If you aren’t able to upgrade then you might be able to replace the keyboard component with a mouse click or this code might help

Editable TextBox component does not register keypresses after updating to version 2021.1.2

glad to be an inspiration some how and thanks for the update! in another thread @sotiri suggested this code component in the Begin Routine tab. core.Keyboard.prototype._addKeyListeners = function() { this._previousKeydownKey = undefined; const self = this; window.addEventListener("keydown", (event) => { if (event.repeat) { return; } const timestamp = util.MonotonicClock.getReferenceTime(); if (this._status !== PsychoJS.Status.STARTED) { return;…

Alternatively, you could use code for editable text (see my Key Check demo).

PsychoPy Online Demos

If you have routines or experiments that are likely to be useful to others, please create a post in this thread, editing your post to add new demos so there is one post per creator. Ideally set your demos so they can be tested without consuming a credit (if you don’t have a site license) by adding a final routine that can’t end, disabling save incomplete results and adding a small number of credits. Please do not discuss the demos in this thread or create more than one post unless you have a la…

[wlane]

(TLDR for solution: downloaded 2021.2.3, changed from key press to mouse click which allows use of the textbox for responses, and removed html from the experiment settings to allow successful upload.)

Thank you both so much for your replies!

2021.2.3 won’t run locally on my main computer (although older versions wouldn’t either - here is my topic about that), so I am using the older install of 2021.1.2 on another computer to do most of the coding.

I downloaded 2021.2.3 to my main computer again and began trying to make changes as suggested, starting by changing the key press for a mouse click. However, this spawns another error: the upload will not load any resources, and does not even appear to be trying to.

This does not change when I clear my cookies or change browsers, and also doesn’t change when I set all of the resources to preload in PsychoPy using the settings > online tab. Once you click okay, the experiment crashes upon trying to load the first resource. This bug has been reported a few times: 1 2 3.

As far as fixing this issue, I tried recreating without html and then doing a clean upload of the experiment (duplicated the whole experiment folder and PsychoPy file and uploaded from that). Everything is now working when I upload online, including the mouse click to successfully type in the textbox. The experiment still won’t run locally but the main issue is fixed : )

Thank you both so much again!