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

          Zeplin

            Attachments

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

              Issue Links

                Activity

                  People

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

                    Dates

                    Created:
                    Updated:

                      Git Integration