Forum Discussion

ChrisWalsh's avatar
ChrisWalsh
Community Member
15 hours ago

Variables used onscreen disappear when browser is resized (high resolution only!)

Hello,

I know this sounds like the issue from 2022 titled "Variables used onscreen disappear when browser is resized" but this issue only occurs for me as I have a high-resolution (5120x1440px) monitor and I typically test SL360 courses in a browser utilising the full screen height.

In our course, after completing an assessment we display the user's score (perent) and passing score (percent) which use variables.  If I run my browser at full screen height and wide enough to accomodate a fully scaled up SL360 slide then I don't see the text fields whereas if I run the window smaller (e.g. full HD) then they do appear.

If I enter the side below the threshold the text shows but if I scale up, it disappers and scalling down doesn't restore the text.  Entering the slide when the window is above the threshold, the text never appears and again, scaling down the window won't show it.

I can see in the HTML that the font size is the issue.  SL is scaling font sizes and a billion other things when you resize the window.  However, when I scale above the threshold, I can see that the font-size (and line-height) becomes a minute value e.g. font-size:"2.66454e-15px" (about the size of a proton!).

I've attached:

  • A minimal SL360 story file that reproduces the problem (large display resolution requried).  [Embedded quiz used to generate the variables for the text boxes]
  • Screenshot of the before and after issue
  • Screenshot of the HTML elements showing the font-size (and line-height) going down to epsilon values.

The javascript is minimalised so I can't really debug any further, otherwise I would.

NOTES: 

  • My display resolution is 5120 x 1440 pixels.
  • I am typically testing a SL360 course in a browser window full height and around 1800pixels wide.
  • The issue occurs if I have my brower window full height and I then widen the browser above 1590 pixels.  As the scaling of the course is constrained by the browser width at this point the slide is still growing as I resize.
  • At the point of failure the SL360 frame is around 1583+ x 1214 pixels. 

Thanks, Chris

No RepliesBe the first to reply