Move slider with mouse or arrow keys
Hi elearning heroes.
I made a course with a slider page. It has 4 layers plus the base layer and as you move the slider, a new layer displays. You have to view all 4 "extra" layers to advance to the next slide.
The slider and slide works perfectly using the mouse to advance the slider.
My internal client was concerned because some of our users have laptops with trackpads and found it difficult to drag the slider with a trackpad. So I got a simple request, can I add "arrow key" functionality too.
Seems simple, right?
Well I have it working by adding a slide trigger to adjust the slider variable when the user presses the right or left arrow key.
But... if the user move the slider out of the default and then back to the default starting position using the arrow keys, the slider gets "stuck" and doesn't respond to more arrow key presses. It does respond if I use the mouse.
I've attached a .story file so you can see what I mean. The mouse always works, but they key presses get lost somewhere.
Any help would be appreciated!