Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-31983

Scrolling down on mobile device sometimes creates two different layers of overlapping text

    Details

    • Type: Bug
    • Status: Awaiting Review
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 11.0
    • Fix Version/s: None
    • Component/s: morpheus
    • Labels:
      None
    • Test Plan:
      Hide

      Scroll down slowly on mobile in various places including My Workspace, Lessons, and Overview. Scrolling slowly keeps the mainHeader and siteHierarchy from auto-hiding, you'll see that these headers scroll over them. The pull request I submitted doesn't fix the lessons stuff though.

      Show
      Scroll down slowly on mobile in various places including My Workspace, Lessons, and Overview. Scrolling slowly keeps the mainHeader and siteHierarchy from auto-hiding, you'll see that these headers scroll over them. The pull request I submitted doesn't fix the lessons stuff though.

      Description

      Previous z-index of 21 was causing the element to display above the banner and navigation on mobile. Possible typo since rgba value below it contains several 21 variables?

      https://github.com/sakaiproject/sakai/pull/3086

        Gliffy Diagrams

          Attachments

          1. after_scroll.png
            after_scroll.png
            96 kB
          2. before scroll.PNG
            before scroll.PNG
            80 kB
          3. lessons_after_scroll.png
            lessons_after_scroll.png
            151 kB

            Issue Links

              Activity

                People

                • Assignee:
                  Unassigned
                  Reporter:
                  profmikegreene Michael Greene
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:

                    Git Source Code