jsPsychSurvey: showProgresssBar: "aboveHeader" issue

[DominiqueMakowski]

@becky-gilbert first thanks again for your own on survey, it's amazing :)

Just wanted to flag an issue where showProgresssBar is displayed "belowHeader" when set to "aboveHeader". Could be a CSS styling issue

See below, despite showProgressBar: "aboveHeader", it's below:

var questionnaire_hexaco18 = {
            type: jsPsychSurvey,
            survey_json: {
                title: "About your personality",
                description:
                    "Please answer the following questions based on how accurately each statement describes you in general.",
                showQuestionNumbers: false,
                goNextPageAutomatic: true,
                showProgressBar: "aboveHeader",
                pages: hexaco18(),
            },
            data: {
                screen: "questionnaire_hexaco18",
            },
        }

[Shaobin-Jiang]

This might be an issue with surveyJS. You can check its official demo here, where you can see that selecting belowHeader or aboveHeader does not make a difference.

[becky-gilbert]

Thanks for reporting this @DominiqueMakowski and for looking into it @Shaobin-Jiang!

It does look to me like the "aboveHeader" and "belowHeader" values are working as they should in the SurveyJS demo (see screenshots). It's possible that it wasn't working before and is now, as those demos just grab the latest versions.

I'll try to get a fix out for this ASAP (probably next week).

[DominiqueMakowski]

Oops I closed too eagerly, actually this is still valid, sorry