Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-3191

CoreCourseOptions tabs flicker when scrolled if page is slightly longer than screen

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Waiting for testing
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.7.1, 3.7.2
    • Fix Version/s: None
    • Component/s: UX (User eXperience)
    • Labels:
    • Testing Instructions:
      Hide
      1. Log in to school.moodledemo.net in the app
      2. Open the Digital Literacy course
      3. View a single section.
      4. Page through the sections until you find one where the bottom of the next/previous buttons just line up with the top of the bottom tab bar.
        • If you cannot find one, log in to the website as manager, pick a section that is slightly shorter than your screen, and add lines to text to an activity's description until it is the correct length.
      5. Scroll the page down in one "flick" motion.
        • The tabs at the top of the screen should not move
      6. Switch to another section where there is plenty of content to scroll down.
      7. Scroll down beyond the height of the tabs
        • The tabs should slide away
      8. Scroll back up to the top
        • The tabs should slide back in to view.
      9. Scroll all the way to the bottom
        • The tabs should be hidden
      1. Use the next/previous buttons to change section
        • The tabs should be visible.
      Show
      Log in to school.moodledemo.net in the app Open the Digital Literacy course View a single section. Page through the sections until you find one where the bottom of the next/previous buttons just line up with the top of the bottom tab bar. If you cannot find one, log in to the website as manager, pick a section that is slightly shorter than your screen, and add lines to text to an activity's description until it is the correct length. Scroll the page down in one "flick" motion. The tabs at the top of the screen should not move Switch to another section where there is plenty of content to scroll down. Scroll down beyond the height of the tabs The tabs should slide away Scroll back up to the top The tabs should slide back in to view. Scroll all the way to the bottom The tabs should be hidden Use the next/previous buttons to change section The tabs should be visible.
    • Workaround:
      Hide

      Hold your finger on the screen and scroll slowly to the bottom of the page. The tabs will partially fold away with no flickering.

      Show
      Hold your finger on the screen and scroll slowly to the bottom of the page. The tabs will partially fold away with no flickering.
    • Affected Branches:
      MOODLE_37_STABLE
    • Pull Master Branch:
      MOBILE-3191_integration
    • Sprint:
      Moodle App 3.8.0

      Description

      Steps to reproduce:

      1. Log in to school.moodledemo.net in the app
      2. Open the Digital Literacy course
      3. View a single section.
      4. Page through the sections until you find one where the bottom of the next/previous buttons just line up with the top of the bottom tab bar.
        • If you cannot find one, log in to the website as manager, pick a section that is slightly shorter than your screen, and add lines to text to an activity's description until it is the correct length.
      5. Scroll the page up in one "flick" motion.
        • The CoreCourseOptions tabs at the top of the screen flicker as they attempt to show/hide repeatedly.

      Before 3.7.1, this was reproducible on any page where the scrollable height was less than the height of the top tabs (so you hit the bottom before they had hidden completely), so some change in that version appears to have improved things. However, it is still reproducible in cases where the scrollable height is absolutely minimal.

      See the attached video for an example, recorded on a OnePlus 5T running Android 9.

        Attachments

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated: