URL of experiment: https://run.pavlovia.org/rdkirkden/slider_js_full_screen/html/?__pilotToken=c74d97b01eae257e44aa9d5bade97baf&__oauthToken=6950f7832174139b6b451dffdcf3aec0381098300714fa9090fa24f1a476fd18
Description of the problem: The PsychoJS slider component does not rescale correctly with window size. In Chrome, Edge and Firefox, it renders correctly only when the window is full size, not in ‘full-screen’ mode, or when the window size is reduced. This is regardless of whether Experiment Settings > Screen > Full-screen window is checked. In Opera, it renders correctly only in ‘full-screen’ mode when Experiment Settings > Screen > Full-screen window is checked; and only when the window is full size when Experiment Settings > Screen > Full-screen window is not checked. What I mean by ‘renders incorrectly’ is that the scale part of the slider has a fixed length regardless of window size, whereas the marker’s range of movement changes with the window size, so that the marker’s range of movement does not always match the length of the scale. In full-screen mode, the marker’s range is greater than the scale length (in Chrome, Edge and Firefox); and when the window is smaller than full size, the marker’s range is smaller than the scale length. Other components that may be used in conjunction with the Slider (e.g. a Text component used for marker labels, or a polygon component used for a button) behave in the same way as the marker.
In full-screen mode:
Reduced window size:
slider JS full-screen.psyexp (11.1 KB)