Browser adds scrollbar and sets sketchpad to 105 % of the size which make the text blurry

janhoruk

Hi, I have two problems I don't know how to solve.

1. Browser sets everything (or maybe just the text) inside sketchpads at 105 %, which makes it look blurry. (I've found this after looking at the CSS in the browser while running the experiment application)
2. Browser makes a scrollbar (because of added padding? margin?), which makes the content of the sketchpad seem to jump up and down when the participant presses enter to move to the next sketchpad.

sebastiaan

Hi @janhoruk ,

The font size is indeed set to 105% in the css, which is odd, but actually doesn't affect the experiment, because this renders text differently. (You can try this by changing the font-size property through the browser development tools. You'll see that the appearance of the experiment actually doesn't change.)

The scrollbars appear when the browser window is smaller than the resolution of the experiment as defined in the general-properties tab. In that case, there's essentially a 'window' inside the browser and you can scroll to see all parts of it. In many cases, this isn't necessary, because you only use a small, central part of the display; in that case there's nothing wrong with specifying a low resolution in the experiment to get rid of the annoying scrollbar issue.

Hope this clears things up!

— Sebastiaan