Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-63240

Active nav drawer items cause user tour to be placed behind nav drawer

XMLWordPrintable

    • MOODLE_35_STABLE, MOODLE_36_STABLE, MOODLE_37_STABLE, MOODLE_38_STABLE
    • MOODLE_36_STABLE, MOODLE_37_STABLE
    • MDL-63240-master
    • Hide
      1. Login as admin
      2. Go to User Tours admin page (/admin/tool/usertours/configure.php)
      3. Click on the tour "New Messaging System" (Moodle 3.6 and onwards)
      4. Add a new step with these settings:
        1. Target type: Selector
        2. CSS selector: .list-group-item[data-key="coursehome"]
        3. Title: Course menu
        4. Content: Your current course menu is placed within this section of the left menu.
        5. Show with backdrop: No
      5. Save the changes
      6. Move the new step right above the step called "End of tour"
      7. Go to a course
      8. Wait if the user tour starts automatically or restart the tour by using the link "Reset user tour on this page" in the footer
      9. Click next until the step with the course home node is reached
      10. Verify that the user tour is placed on top and not behind the nav drawer
      Show
      Login as admin Go to User Tours admin page (/admin/tool/usertours/configure.php) Click on the tour "New Messaging System" (Moodle 3.6 and onwards) Add a new step with these settings: Target type: Selector CSS selector: .list-group-item [data-key="coursehome"] Title: Course menu Content: Your current course menu is placed within this section of the left menu. Show with backdrop: No Save the changes Move the new step right above the step called "End of tour" Go to a course Wait if the user tour starts automatically or restart the tour by using the link "Reset user tour on this page" in the footer Click next until the step with the course home node is reached Verify that the user tour is placed on top and not behind the nav drawer

      Hi,

      we've encountered that the user tours dialogue is not displayed correctly if a step references an active the navdrawer item.
      The dialogue will be displayed behind the nav drawer so that the step information cannot be read anymore.

      Here are the steps to reproduce (with screenshots - since Moodle 3.6):

      1. Login as admin
      2. Go to User Tours admin page (/admin/tool/usertours/configure.php)
      3. Click on the tour "New Messaging System"
      4. Add a new step with these settings:
        1. Target type: Selector
        2. CSS selector: .list-group-item[data-key="coursehome"]
        3. Title: Course menu
        4. Content: Your current course menu is placed within this section of the left menu.
        5. Show with backdrop: No
      5. Save the changes
      6. Move the new step right above the step called "End of tour"
      7. Then add another step for example for the node .list-group-item[data-key="participants"] and move it directly above the step "End of tour", too.
      8. Go to a course
      9. Wait if the user tour starts automatically or restart the tour by using the link "Reset user tour on this page" in the footer
      10. Click next until the step with the course home node is reached
        => See that the dialogue is hidden behind the nav drawer
      11. Click next
        => Confirm that the other node in the nav drawer is displayed correctly.

      Best, Kathrin

            kosswa Kathrin Osswald
            kosswa Kathrin Osswald
            Bas Brands Bas Brands
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Anna Carissa Sadia Anna Carissa Sadia
            Votes:
            3 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 52 minutes
                52m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.