Tabbing with keyboard to access the volume or captions buttons on the classic player is causing the player to scroll in browser window


I'm currently trying to create a keyboard accessible course and am having an issue in Firefox, where tabbing to highlight the volume or captions buttons on the classic player causes the player to scroll up in the browser window, leaving only approximately the bottom third of the player visible. The same does not happen in IE. In Chrome, the volume and captions buttons are initially hidden off the bottom of the browser window, even though the player size is set to "Lock player at optimal size" in player properties.  

Just wondering if these are known issues and if there are workarounds?

Many thanks,



6 Replies
Crystal Horn

Hi there, Peter!  Thanks for those details - that sounds like a less than smooth experience.  I'm not able to replicate this behavior in a quick sample course I just published.  I tested with both Mac and Windows versions of Firefox and Chrome.

Are you getting the same behavior on my course?  Can you share a link to your output?  I'd be happy to see your .story file as well, if you can attach it in the discussion.  I can publish it on my end and see what the difference might be.  Thanks!

Peter Locke

Hi Crystal,

Thanks for your reply. Your course is behaving as expected for me. I did notice that the tab focus order on your course is as follows:

volume button  -  browser tab    -    website information icon   -   website url

On my course, the tab focus never gets to the browser tab, website information icon, or website url. It's when the focus moves from the volume button that the scrolling happens (on Modern Player also).

I created a brand new course and get the same tabbing behaviour as your course.

My course has sensitive content, so unable to share it at the moment I'm afraid.





Alyssa Gomez

Hi there Peter,

Since you were able to create a brand new course and you saw the same tabbing behavior as Crystal saw, it sounds like the incorrect tabbing behavior is file-specific.

I understand you'd rather not share your file, but since it's the best way for us to demonstrate the problem and document a defect, we'd happily accept a .story project shared here privately if you change your mind.

Peter Locke

Hi Alyssa,

I've done a bit more investigating and found the files behaved as expected when I removed all the video content. I've therefore created a test .story file containing a menu scene and a video scene and shared it on the private link you have supplied to see if you experience the same behaviour (i.e. I tab with the keyboard to the volume button on the "Content Menu" scene. Then, when I next hit the tab key, the player scrolls upwards). Incidently, the tabbing behaves as expected on the scene that contains the video file.




Ren Gomez

Hi Peter,

Good news! We fixed the issue where the player shifts upward when tabbing when your project includes a video and you're viewing the content in Firefox after Update 17 and 18.

Here's how to install the latest Storyline 360 update to see all the recent enhancements and fixes.

If the problem reappears, please record a Peek 360 screencast for me, and I'll be happy to help!