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

Pull to refresh affects fixed position elements

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Not a bug
    • Affects Version/s: 3.5.2
    • Fix Version/s: None
    • Component/s: UX (User eXperience)
    • Labels:
    • Affected Branches:
      MOODLE_35_STABLE
    • Sprint:
      Moodle Mobile 3.6.0

      Description

      Pull to refresh leaves a style 'transform: translate(0);' in the div element with class="scroll-content". This prevents any child elements that have a 'position: fixed;' from remaining in a fixed position.

      Please see https://developer.mozilla.org/en-US/docs/Web/CSS/position.

      I noticed this behavior when creating a new page for an activity where I used a standard FAB (fixed action button). The button works fine until a PTR, when it then scrolls with the page.

      PTR adds the transform style on every page I have looked at, so this could affect anyone else adding a fixed position element on almost any page.

      The fix would be to just remove the transform style from the DOM at the end of the PTR.

        Attachments

          Activity

            People

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

              Dates

              • Created:
                Updated:
                Resolved: