usablica / intro.js

Lightweight, user-friendly onboarding tour library
http://introjs.com
Other
22.79k stars 2.59k forks source link

Responsive Screen Rotation Feature in IntroJS #2021

Open PapaXpan opened 11 months ago

PapaXpan commented 11 months ago

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)

image_123650291 image_123650291 (1) image_123650291 (2)

Environment (optional)

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

stale[bot] commented 6 months ago

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.