Css breaks in Pavlovia


I’m working on my first experiment with JsPsych (version 7.2.3) and Pavlovia. I ran into a weird problem, does anyone have experience with something similar?

I developed the JsPsych index.html file locally and now try to configure it with Pavlovia. I did manage it, however, when I run the experiment, the css in the tags in the head section, as well as some on_load JS are ignored. I’m confused because they do work locally. I tried to extract the css into a stylesheet but it makes no difference.

I get these error messages and warnings:
MicrosoftTeams-image (3)

If I click on the link in the error message, this webpage comes up:

Unfortunately, I have no idea what it’s trying to communicate :smiley:
Does anyone else understand?
Happy to post code / files here if this is of any help :slight_smile:
Thank you to everyone who takes the time! :slight_smile:

Best wishes,

My head section:

    <title>Dynamic Interface Updates</title>
        <!-- NOTE: I changed the jspsych version to 7.2.3, but it can be changed back to 7.2.1 by removing _7.2.3 in each script source-->
        <script src="jspsych_7.2.3/dist/jspsych.js"></script>
        <script src="jspsych_7.2.3/dist/plugin-html-keyboard-response.js"></script>
        <script src="jspsych_7.2.3/dist/plugin-html-button-response.js"></script>
        <script src="jspsych_7.2.3/dist/plugin-image-button-response.js"></script>
        <script src="jspsych_7.2.3/dist/plugin-fullscreen.js"></script>
        <script src="jspsych_7.2.3/dist/plugin-survey-html-form.js"></script>
        <script src="jspsych_7.2.3/dist/plugin-preload.js"></script>
        <script scr="https://gitlab.pavlovia.org/shir/jsPsych_SimpleReactionTime/blob/master/jspsych-7-pavlovia-2021.12.js"></script>

        <link rel="stylesheet" href="jspsych_7.2.3/dist/jspsych.css" type="text/css">
        <!--<link rel="stylesheet" href="stylesheet.css" type="text/css">-->
        /* -------------General */
    body {
      text-align: center; 
      position: relative;
      font-size: 20px; 
      vertical-align: middle;
      margin: auto;

    .body.trial {
      background-color: #92a8d1; 

    .jspsych-content {
      max-width: 100%; 
      text-align: center; 
      position: relative;
      margin: auto;
   /* initialize jsPsych */
   var jsPsych = initJsPsych({
      on_finish: function() {

I wonder if it’s the import of the jspsych-pavlovia plugin. That’s normally written as lib/jspsych-7-pavlovia-2021.12.js rather than your long url to the gitlab repo

Unfortunately not :confused: But thanks anyway! :slight_smile: