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

Library: Make the footer positioning more efficient

    Details

    • Type: Bug
    • Status: RESOLVED
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 12.2, 19.0
    • Fix Version/s: 19.0
    • Component/s: Library
    • Labels:
    • Test Plan:
      Hide

      This change affects all pages in Sakai containing a footer. All tools and all pages in each tool will need to be tested on a variety of browsers at various screen widths, including narrow, medium, and wide (with separate page loads in between each resizing).

      • Ensure the tool menu appears at full length and isn't cut off anywhere
      • Ensure the footer is pushed to the bottom of the screen (if the page's content is shorter than your screen's height)
      • Ensure the footer is pushed to the bottom of the content (if the page's content is longer than your screen's height)
      • Ensure no content is covered or obscured by the footer
      • Ensure no content is hidden or cut off by the bottom of the page
      • Ensure the footer is not hidden or blocked by other content (in standard cases) and not cut off by the bottom of the page (in all cases)
      Show
      This change affects all pages in Sakai containing a footer. All tools and all pages in each tool will need to be tested on a variety of browsers at various screen widths, including narrow, medium, and wide (with separate page loads in between each resizing). Ensure the tool menu appears at full length and isn't cut off anywhere Ensure the footer is pushed to the bottom of the screen (if the page's content is shorter than your screen's height) Ensure the footer is pushed to the bottom of the content (if the page's content is longer than your screen's height) Ensure no content is covered or obscured by the footer Ensure no content is hidden or cut off by the bottom of the page Ensure the footer is not hidden or blocked by other content (in standard cases) and not cut off by the bottom of the page (in all cases)

      Description

      Every time a page in Sakai loads, there is a JavaScript function that runs to resize the page and push the footer to the bottom. This function produces page jitter as the page is being resized and the footer is moved to the bottom. This makes every page seem slow or laggy.

      This Javascript function can be replaced with CSS that will position the footer properly on page load and eliminate the page jitter. Thus, this will make the overall experience better for users when interacting with Sakai.

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  sfoster9 Shawn Foster
                  Reporter:
                  sfoster9 Shawn Foster
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  1 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code