Forum Discussion

cerikLisans5's avatar
cerikLisans5
Community Member
4 months ago

The focus goes to the page title instead of staying on the last visible page

"When I navigate to a hidden page using buttons, the focus goes to the page title instead of staying on the last visible page in the menu. Is this a new behavior after recent updates?"

5 Replies

  • Hi cerikLisans5​,

    Thanks for reaching out, and sorry for the trouble. To understand what you’re seeing and pinpoint the cause, could you please share additional details?

    • Which product are you using: Storyline 360 or Rise 360?
    • When you say “hidden page,” do you mean hidden from the menu/sidebar, or hidden in another way (e.g., restricted navigation, hidden slide/lesson)?
    • Does it happen only in the published output or in Preview?
    • If published, where are you testing: Web server, LMS (SCORM/xAPI), or Review 360?
    • Which browser(s) and version are you using? Does it reproduce in the latest version of another supported browser (Chrome, Edge, Safari, Firefox)?

     

    If you can share a Review 360 link, a short screen recording of the behavior, or the project file, we can take a closer look. You can share them here or privately via a support case.

    I’m looking forward to your response!

  • cerikLisans5's avatar
    cerikLisans5
    Community Member

    Thank you for your interest,

    • I’m using Storyline 360.
    • Hiding the page from the Menu.
    • This happens both when I publish and when I preview.
    • In all three cases: Web server, LMS (SCORM/xAPI), or Review 360.
    • I’m using Chrome.

    I’ve prepared a link for you, so you can review it from there.Demo

    To work around this issue, I added the following code to the "timeline start" event of the hidden page. This way, when I navigate to the hidden page, it makes the specified page selected in the menu, so that the user still thinks they are on that page. It wasn't like this in the previous version. I'm wondering if this is a bug.

    const currentItem = document.querySelector('[data-slide-title="1.3 Page2"]');
    document.querySelectorAll('.cs-listitem.cs-selected').forEach(el => el.classList.remove('cs-selected'));
    currentItem.classList.add('cs-selected');

     

    • KellyAuner's avatar
      KellyAuner
      Staff

      Hi cerikLisans5,

      Thanks so much for the detailed follow up and sharing this Review 360 link!

      After viewing the course, I see how the focus jumps to the menu title when navigating to the hidden page. Are you able to share the .Story file with us here or privately so we can test this further? We'll delete it from our systems once troubleshooting is complete!

      • cerikLisans5's avatar
        cerikLisans5
        Community Member

        I have shared the demo.story file privately. I would greatly appreciate it if you could provide the solution here instead of via email. Thank you.