Responsive Screen Rotation Feature in IntroJS

[PapaXpan]

Description

As mobile usage continues to rise, it has become increasingly important for web applications to be responsive to various device orientations. One common scenario where this is crucial is screen rotation on mobile phones and tablets. Currently, IntroJS does a remarkable job of guiding users through web interfaces, but it could be even more user-friendly if it were responsive to changes in screen orientation.

We utilize IntroJS to guide learners through the Storyline 360 player. However, we've encountered an issue: the JS code is not entirely responsive on phones when the phone orientation is changed abruptly.

Expected Behavior

Responsive screen rotation support would not only enhance the overall user experience but also align IntroJS with the best practices of modern web design.

Actual Behavior

The mobile version of the Storyline 360 player using IntroJS is experiencing responsiveness issues. There are layout and functionality problems that need to be addressed to ensure a seamless user experience on smaller screens.

Errors and Screenshots - Example (optional)

Environment (optional)

List browser information, Intro.js 7.2.0, Safari, Operating System, JavaScript libraries (jQuery, Angular, React), etc.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.